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'

      

  •     

      

5. v-on

绑定事件

v-on:click="doThis"

method: {

  doThis: function(sonmeThing){}

++

.22233+00.

6. v-bind

绑定属性