自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 $route 和$router 的区别

route 是“路由信息对象”,包括path,prams,hash,query,fullPAth,matched,name等信息参数。$router是“路由实在例”对象保留了路由跳转的方法,钩子函数等。简单来说$routers是路由管理器,由$route组成;$route在引用时指的是当前路由对象。

2023-03-23 07:06:16 123

原创 vue双向数据绑定原理

4MVVM作为数据绑定的入口,整合Observe.Compile 和Watcher三者,通过OBserve 来监听自己model数据变化,通过Compile来解析编译模板指令,最终利用Watcher搭起Observe和Compile之间通信的桥梁,达到数据变化试图更新,视图交互变化(input)->数据model变更的的双向数据绑定效果。2compile 解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面时图,并将每个指令对应的节点绑定更新函数,监听数据的订阅者,一旦数据变动,收到通知,更新视图。

2023-03-20 21:36:36 46

原创 Vue 中插槽的作用和原理

当子组件vm实例化时,获取到父组件传入的slot标签内容,存放在vm.$slot 中,默认插槽为vm.slot.default,具名插槽为vm.slot.xx,,xx为插槽的名字,当组件执行渲染函数时,遇到slot标签,使用$slot中的内容进行提换,此时可以为插槽传递数据,若存在数据,则可称改插槽为作用域插槽。slot又分三类,默认插槽,具名插槽和作用域插槽。默认插槽:又叫匿名插槽,当slot没有指定的name属性值的时候一个默认显示插槽,一个组件内只能有一个匿名插槽。

2023-03-20 21:26:27 277

原创 vue中常见的修饰词及其作用

prevent:等同于JavaScript 中的event.prevent Default()防止执行预设行为。.stop:等同于JavaScript 中的event.stopPropagation ()防止事件冒泡。.capture: 与事件冒泡的方向相反,事件捕获由内到外。.self:只会触发自己范围内的事件,不包含子元素。.once:只会触发一次。

2023-03-20 21:25:48 66

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除