vue
文章平均质量分 72
vue笔记分享
__zhxd
共勉
展开
-
如何使用vuex
Vue状态管理v工具uex原创 2022-09-05 15:55:48 · 208 阅读 · 0 评论 -
前端路由实现
原生js实现前端路由以及Vue路由原创 2022-09-02 00:23:07 · 1973 阅读 · 0 评论 -
Vue生命周期
vue生命周期&&生活周期函数原创 2022-08-31 22:29:37 · 150 阅读 · 0 评论 -
实现图片懒加载
用原生js和Vue实现图片懒加载功能原创 2022-08-22 20:27:53 · 238 阅读 · 0 评论 -
v-for中key值如何选择
在Vue中v-for通常会制定一个key属性,但是这个key属性有时候用索引值index,也有时候用id值。其实用id、手机号、身份证号等唯一值作为key更为合适,下面通过代码说明一下key值的选择。单纯遍历数组无论是使用id还是index作为key,页面最终显示的结果都是一样的,在这里我们看不出有什么区别。先使用id作为可以key值当使用id作为可以值时,显示的结果是正常的 使用index作为key值 点击按钮逆序添加时,结果如下: 用index作为key值逆序添加的时候,页面发生原创 2022-08-22 11:35:37 · 1022 阅读 · 0 评论 -
为什么Vue组件中data选项是一个函数
//如果实例对象的data值为对象时//实例化两个Vue实例对象vm1Data.name = '张三'//vm1的data.name值console.log(vm1Data.name) //张三//修改vm2data.name值之后vm1的data.name值vm2Data.name = '李四'console.log(vm1Data.name) //张三用工厂函数返回一个全新的data对象就可以避免共有一个data对象了,等同于每次都重新new一个data对象。原创 2022-08-21 20:48:45 · 235 阅读 · 1 评论 -
Vue中的监视属性watch和计算属性computed
vue中watch和computed复习原创 2022-08-21 19:58:34 · 913 阅读 · 0 评论 -
Vue2.x响应式原理
vue中的双向绑定是通过数据代理实现的,利用了Object.defindPropety()这个方法实现的(Vue2.x),这个方法重新定义了对象获取属性值(get)和设置属性值(set)原创 2022-08-21 13:34:53 · 200 阅读 · 0 评论