Vue 基础

1. data 数据

　　methods 方法 

　　watch 监听变化

2. 模版指令（类似 angular）

{{}} 

v-text 渲染数据

v-html html 结构

 

3. 

v-if v-show 控制模块隐藏

v-if 直接不渲染 dom 元素

v-show display:none 进行隐藏 代码中有

 

4. 

v-for

渲染循环列表 ： v-for

item 是循环体的对象

data: {

　　items:[

　　{

　　label:'apple'

},{

　　label: 'banana'

}

]

}

<ul>

　　<li v-for='item in items'>

　　　　<p v-text='item-label'></p>

　　</li>

</ul>

5. v-on

绑定事件

v-on:click="doThis"

method: {

　　doThis: function(sonmeThing){}

 

 

 

++

.22233+00.

}

6. v-bind

绑定属性