Vue框架学习
文章平均质量分 55
深入学习Vue框架原理,拓展前端深度
lychee z
前端攻城师
展开
-
Vue框架-双向绑定
文章目录双向绑定流程双向绑定流程Vue.js 采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。主要分为以下几个步骤:对需要observe的数据对象进行递归遍历,包括子属性对象的属性上都添加setter和getter,之后当给这个对象的某个值进行赋值时就会触发setter,从而会通知dep进行依赖更新,从而监听到数据变化compile解析模板指令,将模板中的变原创 2022-02-27 00:32:26 · 107 阅读 · 0 评论 -
Vue框架学习系列-VueRouter
vue-router路由模式有两种:1:hash:路径带#符号,如 http://localhost/#/login2:history: 路径不带#符号,如 http://localhost/login修改路由配置代码如下:export default new Router({ mode: 'history', routes: [ ]});路由钩子路由导航守卫beforeEach:// 挂载路由导航守卫router.beforeEach((to, from, next)原创 2022-01-10 14:08:19 · 245 阅读 · 0 评论 -
Vue3-proxy
@[TOC]目录Proxy定义MDN中Proxy对象是用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。通俗来说则是在对一个目标对象的操作之前进行拦截,与旧版本的Object.defineProperty()相类似,对外界的操作进行过滤改写,修改对于目标对象操作的默认行为,这样一来就可以不再直接操作对象本身,而是通过proxy封装后的代理对象来间接操作目标对象,达到对应的操作目的let obj = { a : 1}let proxyObj = new Proxy(o原创 2022-01-11 00:18:39 · 1981 阅读 · 0 评论