![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
bluelimon
Stay hungry ,Stay foolish。
展开
-
VUE中数组无法更改或者新增
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原创 2021-07-26 16:29:26 · 715 阅读 · 0 评论 -
vue 的过滤器简单实现 filter
理解过滤器 功能: 对要显示的数据进行特定格式化 注意: 不改变原数据, 而是产生新数据 代码实现: 1.注册的过滤器 Vue.filter('dateFormater',function(value,str='YYYY-MM-DD'){ return moment(value).format(str) }) 注册vue new Vue({ el:'#root', data:{ time:Date.now() }, }) 页面 <div.原创 2021-07-21 16:14:10 · 202 阅读 · 0 评论 -
vue基础学习(二)
一.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原创 2021-07-21 16:07:47 · 99 阅读 · 0 评论 -
vue基础学习笔记
1.vue的特点: 遵循MVVM模式 编码简洁, 体积小, 运行效率高, 适合移动/PC端开发 它本身只关注UI, 可以轻松引入vue插件或其它第三库开发项目 2.vue包括插值语法和指令语法 插值语法很简单就是{{ massage}},这个massage是在data里定义的。 指令语法就是以V开头的。 3.数据的绑定 V-bind:src=‘massage’(或者:src),这个是单向绑定的。数据 数据只能从data流向页面 V-model:src=‘massage’,这是双向绑定的,一般用于input原创 2021-07-11 22:28:55 · 158 阅读 · 0 评论