- 博客(4)
- 收藏
- 关注
原创 $route 和$router 的区别
route 是“路由信息对象”,包括path,prams,hash,query,fullPAth,matched,name等信息参数。$router是“路由实在例”对象保留了路由跳转的方法,钩子函数等。简单来说$routers是路由管理器,由$route组成;$route在引用时指的是当前路由对象。
2023-03-23 07:06:16
166
原创 vue双向数据绑定原理
4MVVM作为数据绑定的入口,整合Observe.Compile 和Watcher三者,通过OBserve 来监听自己model数据变化,通过Compile来解析编译模板指令,最终利用Watcher搭起Observe和Compile之间通信的桥梁,达到数据变化试图更新,视图交互变化(input)->数据model变更的的双向数据绑定效果。2compile 解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面时图,并将每个指令对应的节点绑定更新函数,监听数据的订阅者,一旦数据变动,收到通知,更新视图。
2023-03-20 21:36:36
80
原创 Vue 中插槽的作用和原理
当子组件vm实例化时,获取到父组件传入的slot标签内容,存放在vm.$slot 中,默认插槽为vm.slot.default,具名插槽为vm.slot.xx,,xx为插槽的名字,当组件执行渲染函数时,遇到slot标签,使用$slot中的内容进行提换,此时可以为插槽传递数据,若存在数据,则可称改插槽为作用域插槽。slot又分三类,默认插槽,具名插槽和作用域插槽。默认插槽:又叫匿名插槽,当slot没有指定的name属性值的时候一个默认显示插槽,一个组件内只能有一个匿名插槽。
2023-03-20 21:26:27
334
原创 vue中常见的修饰词及其作用
prevent:等同于JavaScript 中的event.prevent Default()防止执行预设行为。.stop:等同于JavaScript 中的event.stopPropagation ()防止事件冒泡。.capture: 与事件冒泡的方向相反,事件捕获由内到外。.self:只会触发自己范围内的事件,不包含子元素。.once:只会触发一次。
2023-03-20 21:25:48
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人