
Vue源码分析
vue.js源码笔记
诗水人间
要想走的更远,就需要思考更深层次的问题。冷静、智慧、深沉是我所向往的
展开
-
拆分vue的路由,便于阅读路由信息
如下是pc端的路由信息:pc-router.js,我的意图是将路由拆分成 电脑端和手机端。方便日后设计手机界面的UI注意点: export 返回的是一个数组import Login from "@/components/common/login_Register_Reset/login/Login";// 登录组件import AdminMeau from "@/components/computerUI/userConsole/layout/AdminMeau";// 后台管理组件export原创 2021-01-03 02:57:25 · 432 阅读 · 0 评论 -
vue子路由的一个坑
路由信息如下下面是错误的路由export default new VueRouter({ routes: [ { path: '/', children: [ { path: 'login', component: Login } ] } ]原创 2021-01-03 02:09:02 · 1319 阅读 · 1 评论 -
Vue的学习笔记 ---- 源码分析001
call()方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。常用Array.prototype.slice.call()使伪数组调用Array的slice方法生成新的数组一、Array.slice() 返回一个新的数组对象,下标从0开始;<ul> <li>test1</li> <li>test...原创 2019-09-21 00:18:05 · 122067 阅读 · 0 评论 -
Vue的学习笔记 ---- 源码分析002 ==》 数据代理、谷歌开发者工具 单步调试的使用
1.通过一个对象代理对另一个对象中属性的操作(读/写)2.通过vm对象来代理data对象中所有属性的操作3.好处: 更方便的操作data中的数据4.基本实现流程 1). 通过Object.defineProperty()给vm添加与data对象的属性对应的属性描述符 2). 所有添加的属性都包含getter/setter 3). 在getter/setter内部去操作data中对应的...原创 2019-09-21 01:29:19 · 155633 阅读 · 0 评论 -
Vue的学习笔记 ---- 源码分析003 ==》 模板解析大括号表达式、事件指令、一般指令
原理:第一步、将页面的标签取出来放到fragment中第二步、进行编译页面模板 ===》最关键的一步,1、3两步固定第三步、将编译好的fragment对象塞回原来的页面进行显示在script内写的如下内容,其中{el:"#test,data:{name:'张三2'}"}就是传入的options对象new MVVM({ el: "#test", data:...原创 2019-09-23 00:36:15 · 157173 阅读 · 0 评论