
vue js
文章平均质量分 57
Amy.Wang
这个作者很懒,什么都没留下…
展开
-
如何实现vue中的数据深度监听?
vue中监听数据的变化分三步:1.判断监听的数据是普通值还是引用对象;2.如果是数组要单独实现数组的部分方法;3.对于多层嵌套对象,递归遍历监听所有属性;// 触发更新视图function updateView() { console.log('视图更新')}// 重新定义数组原型const oldArrayProperty = Array.prototype// 创建新对象,原型指向 oldArrayProperty ,再扩展新的方法不会影响原型const arrP原创 2022-03-27 21:19:33 · 4321 阅读 · 0 评论 -
vue随记
目录1. 常见的修饰符使用(self修饰符)2.mixin:抽离组件公共逻辑3.实现v-model1. 常见的修饰符使用(self修饰符)<!--阻止单击时间继续传播--><a v-on:click.stop="doThis"></a><!--提交事件不再重载页面--><form v-on:submit.prevent="onSubmit"></form><!--修饰符可以串联-->...原创 2022-03-27 21:12:57 · 1552 阅读 · 0 评论 -
手写vue-router相关知识点
hash模式:location.hash: 获取url的hash值; window.onhashchange监听hash的改变history模式:location.pathname:获取路径; window.onpopstate监听history变化vue.use的用法:把你给它的东西调用一遍;如果你给它的是一个方法,那么它会直接执行这个方法,如果你给它的东西里有一个install属性...原创 2020-02-01 18:42:21 · 189 阅读 · 0 评论 -
vue知识整理
eventBus的使用在Vue的项目中使用EventBus来实现组件之间的数据通讯前需初始化:第一种,新创建一个.js文件// event-bus.jsimport Vue from 'vue'export const EventBus = new Vue()另外一种方式,可以直接在项目中的main.js初始化EventBus:// main.jsVue.pro...原创 2019-08-03 12:24:07 · 139 阅读 · 0 评论