![](https://img-blog.csdnimg.cn/202104301059564.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue的一些用法以及源码分析
清水仙君-小铭
待到秋来九月八
展开
-
开发问题归纳
【代码】开发问题归纳原创 2022-10-14 15:52:25 · 122 阅读 · 0 评论 -
@vue/cli 5.0.6使用terserOption失效
vue-cli 5和webpack 5 的融合问题原创 2022-10-08 19:47:25 · 533 阅读 · 0 评论 -
vue的scope css原理
1. 每个组件中style如果加了scope,vue-loader将会为这个组件生成一个独特的hash值(多个scope也只会生成一个相同的hash值) 2. 组件的hash值只会添加到当前组件的原生元素,以及子组件的根元素上面,不会添加到子组件非根元素 带::v-deep的scope css最后经过vue-loader处理之后的样式为[hash] .class 不带::v-deep的处理后的样式为.class[hash] 看上面就懂了 ...原创 2021-10-22 20:38:42 · 901 阅读 · 0 评论 -
vue源码解析--patch算法
获取新旧vnode 旧的vnode通过实例的_vnode属性获取 新的vnode通过实例的$render()方法生成,同时使用另外一个变量引用instance._vnode,然后将新的vnode赋值给instance._vnode 对比新旧vnode 调用patch(oldVnode, newVnode) 如果sameVnode(oldVnode, newVnode),则调用patchVnode(oldVnode, newVnode) 根据newVnode是否为text类型,以及是否有children来.原创 2021-05-13 18:33:31 · 1000 阅读 · 0 评论 -
vue源码解析--响应式原理
重点关注三个类 Watcher:(vm) 一个vm(vierModel)实例对应一个Watcher实例,用来接收通知,对比新旧Vnode,更新页面 var Watcher = function Watcher ( vm, expOrFn, cb, options, isRenderWatcher ) { ... }; Watcher.prototype.addDep = function addDep (dep) { ... d原创 2021-04-30 11:58:09 · 104 阅读 · 0 评论