摘要：v-bind 操作标签属性 v-bind:src 简写方式 ":" 如 :href 第一种直接绑定 :class="calssName" 第二种 布尔判断 :class="{class:isOk}" 第三种 绑定数组 :class="[classA,classB]" 第四种 绑定三元运算 :clas 阅读全文

摘要：v-model 一个双向的数据源绑定 修饰符 v-model.lazy 懒加载 v-model.number 数字类型，但如果先输入的是字符 这个就无效了 v-model.trim 去除空格 绑定一个文本域 <textarea rows="" cols="" v-model="val"></text 阅读全文

摘要：v-on:click="" 我们的v-on 还有一种简单的写法，就是用@代替 <!-- `greet` 是在下面定义的方法名 --> <button v-on:click="greet">Greet</button> // 在 `methods` 对象中定义方法 methods: { greet: 阅读全文

摘要：v-text 解决 js报错 或者加载慢时 出现 {{}} <div v-text="message"></div> 但 dom中是有这个div的。 v-html 当你想输出带有html标签的内容时用。<h2>内容</h2> 但尽量不用，会受到xss攻击 阅读全文

摘要：items是一个数组 <li v-for="(student,index) in sortStudent">{{index}}姓名：{{student.name}} 年龄：{{student.age}}</li> 再加一个排序 需要用到 computed:{ sortitems:function() 阅读全文

摘要：v-if v-else v-show v-if 和v-show的区别： v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。 v-show：调整css dispaly属性，可以使客户端操作更加流畅。 阅读全文

摘要：编写第一段 Hello world代码 <div id="app"> {{message}} </div> <script type="text/javascript"> var app = new Vue({ el:'#app', data:{ message:'hello world' } }) 阅读全文