摘要：
自定义过滤器 Vue.filter('过滤器名称', function(value) { // 业务逻辑 }); 过滤器的使用 <div>{{msg | upper}}</div> <div>{{msg | upper | lower}}</div> <div :abc="msg | upper"> 阅读全文
摘要：
侦听器常用于数据变化时执行异步操作或耗时较长的操作 侦听器的用法： var vm = new Vue({ el: '#app', data: { fristName: 'xukun', lastName: 'cai', fullName: 'xukun cai' }, watch: { fristN 阅读全文
摘要：
表达式的计算逻辑可能会比较复杂，使用计算属性可是模板内容更加简洁 1、计算属性的用法 <body> <div id="app"> <div>{{reversed}}</div> </div> <script src="../js/vue.js"></script> <script> var vm = 阅读全文
摘要：
vue为我们提供了自定义指令功能 自定义指令语法规则 Vue.directive('自定义指令名' , { inserted: function(el) { // el 获取到的元素 el.focus(); } }) 带参数的自定义指令 <input type="text" v-color="col 阅读全文
摘要：
number：转化为数值 <input type="text" v-model.number="age"> <script src="../js/vue.js"></script> <script> var vm = new Vue({ el: '#app', data: { age: '' } } 阅读全文
摘要：
单行文本 <input type="text" v-model="uname"> <script src="../js/vue.js"></script> <script> var vm = new Vue({ el: '#app', data: { uname: 'lisi' } }) </scr 阅读全文