首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
浅紫柔昕
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
18
文章 18
沸点 0
赞
18
返回
|
搜索文章
赞
文章( 18 )
沸点( 0 )
vue源码分析(十二)
当完成了首次的渲染之后,组件的响应式数据发生了更新,再次触发了渲染watcher的getter,也就是调用了 vm._update(vm._render(), hydrating)调用update的这一过程就是组件更新的过程。_update函数首先通过const prevVno…
vue-router源码分析(一)
在vue当中,如果希望使用vue-router,会先通过import Router from 'vue-router'进行引入,vue-router和vue的打包是非常像的,他也是基于了rollup,rollup的相关配置,定义在了build文件夹下,其中的configs文件中…
vue-router源码分析(二)
在组件根部vue实例,会在beforeCreate生命周期中执行router的init方法,在init方法中通过history.transitionTo进行路由的操作,transitionTo函数首先会通过this.router.match(location, this.cur…
vue-router源码分析(三)
vue-router在全局mixin混入的beforeCreate会执行,init方法,init方法会执行history.transitionTo进行路由的跳转,同样当执行this.$router.push方法,也同样会去执行transitionTo。transitionTo函…
vue-router源码分析(四)
在被激活的组件里调用 beforeRouteEnter。 调用全局的 beforeResolve 守卫 (2.5+)。 导航被确认。 调用全局的 afterEach 钩子。 触发 DOM 更新。 调用 beforeRouteEnter 守卫中传给 next 的回调函数,创建好的…
vue-router源码分析(五)
hash模式下,调用this.$router.push或点击router-link标签,路由的hash会发生相应的变化,当点击浏览器的回退,会回到上一次的hash路径。那么他的跳转是调动了VueRouterclass中的实例方法push,也就是this.history.push…
vue-router源码分析(六)
router-view组件在执行vue.use的时候,通过Vue.component进行初始化,router-view组件的编写是通过functional式组件(使组件无状态 (没有 data) 和无实例 (没有 this 上下文)。他们用一个简单的 render 函数返回虚拟…
vuex源码分析(一)
当使用import Vuex from ‘vuex的时候,会找到package.json中的module也就是dist/vuex.esm.js,vuex和vue-router和vue相同,都是通过rollup进行构建,当执行npm run build的时候,会执行npm run…
vuex源码分析(二)
在执行ModuleCollection的constructor的时候,参数rawRootModule就是之前的options,constructor会执行this.register,第一参数传入空数组,第二个参数传入rawRootModule,第三个参数传false。在这里作者…
vuex源码分析(三)
拿到local之后,会执行module.forEachMutation也就是根部Module实例的forEachMutation函数,forEachMutation函数会判断当前的结构中是否有mutations,如果有的话,那么会执行 forEachValue(this._ra…
下一页
关注了
13
关注者
1
收藏集
0
关注标签
17
加入于
2017-03-05