vue核心

数据双向绑定

指令

指令带有v-的，表示vue特有的属性，他们会在渲染的DOM上， 应用特殊的响应式行为

导入支持

- v-bind:(bind:绑定),作用是绑定特别的元素,元素的值将会在vm对象中获取(缩写为:)

- if指令：作用与java中的if相同

    

        A
    
    

        B
    
    

        C
    

- for指令：作用与java中的if相同

    

        {{item.name}}
    

绑定事件

• v-on：事件(v-on:缩写@)
  v-on:click="sayhi"

    
    
  




  click Me
   或者 click Me

vue表单绑定(数据双向绑定)

• model：可以做到表单输入什么，页面的指定位置就显示什么

v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值
而总是将 Vue 实例的数据作为数据来源。
你应该通过 JavaScript 在组件的 data 选项中声明初始值。

单选框

  
  
  




  请输入文本：{{message}}

多选框

  
请选择：
  
  
  
  checked name:{{usernames}}




    

如何将值传递到组件中呢？
我们直接传是达不到要求的，需要一个中间商props
别名标签中使用v-bind绑定一个属性，组件中使用props也一样绑定
同样的属性，然后template中的标签直接取值就可以了