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 · 4190 阅读 · 0 评论 -
vue随记
目录 1. 常见的修饰符使用(self修饰符) 2.mixin:抽离组件公共逻辑 3.实现v-model 1. 常见的修饰符使用(self修饰符) <!--阻止单击时间继续传播--> <a v-on:click.stop="doThis"></a> <!--提交事件不再重载页面--> <form v-on:submit.prevent="onSubmit"></form> <!--修饰符可以串联--> ...原创 2022-03-27 21:12:57 · 1388 阅读 · 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 · 156 阅读 · 0 评论 -
vue知识整理
eventBus的使用 在Vue的项目中使用EventBus来实现组件之间的数据通讯前需初始化: 第一种,新创建一个.js文件 // event-bus.js import Vue from 'vue' export const EventBus = new Vue() 另外一种方式,可以直接在项目中的main.js初始化EventBus: // main.js Vue.pro...原创 2019-08-03 12:24:07 · 105 阅读 · 0 评论