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

绑定属性

原文地址:https://www.cnblogs.com/youngchou/p/6834737.html