bluelimon的博客

data:{ persons:[ {id:'001',name:'1',age:30,sex:'女'}, {id:'002',name:'2',age:31,sex:'女'}, {id:'003',name:'3',age:18,sex:'男'}, {id:'004',name:'4',age:19,sex:'男'} ] },methods: { update5(){ // this.persons[0] = {i

理解过滤器功能: 对要显示的数据进行特定格式化注意: 不改变原数据, 而是产生新数据代码实现：1.注册的过滤器Vue.filter('dateFormater',function(value,str='YYYY-MM-DD'){ return moment(value).format(str) })注册vuenew Vue({ el:'#root', data:{ time:Date.now() }, })页面<div.

一.v-if 和v-show的区别： v-if: 适用于：切换频率很低的场景 特点：不展示的DOM节点直接被删除 v-show: 适用于：切换频率很高的场景 特点：不展示的DOM节点没有被删除，仅仅是使用样式隐藏掉严重注意：使用v-if的时，DOM节点可能无法获取到，而使用v-show一定可以获取到DOM节点。二.v-for指令:1.用于展示列表数据2.语法：v-for="(item, index) in arr" :key=“item.i

1.vue的特点：遵循MVVM模式编码简洁, 体积小, 运行效率高, 适合移动/PC端开发它本身只关注UI, 可以轻松引入vue插件或其它第三库开发项目2.vue包括插值语法和指令语法插值语法很简单就是{{ massage}}，这个massage是在data里定义的。指令语法就是以V开头的。3.数据的绑定V-bind:src=‘massage’(或者:src),这个是单向绑定的。数据数据只能从data流向页面V-model:src=‘massage’，这是双向绑定的，一般用于input