![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_41837346
这个作者很懒,什么都没留下…
展开
-
学习笔记6(vue响应式实现和渲染函数)
目录1. vue 响应式实现1.1 data 响应式1.2 computed 1. vue 响应式实现 学习链接:https://juejin.im/post/6844903981957791757 核心概念 Watcher:初始化组件实例及更新组件 reactive:初始化数据模型data,劫持数据访问与修改 dep:收集渲染函数及收到通知执行渲染函数(观察者模式) 1.1 data 响应式 使用 const data = reactive({ msg: 'Hello World', }原创 2020-09-14 16:12:36 · 189 阅读 · 0 评论 -
学习笔记4(vue响应式,html解析)
目录1. data2. 响应式 1. data 原始数据对象:vm.$data vm 代理了 data的 prop vm.a = vm.$data.a 2. 响应式 状态管理:修改数据模型,更新视图 实现原理(vue2.x) Object.defineProperty, 把 prop 转化为 getter/setter vue 不能 检测到 对象的变化(内存地址不变) import Vue from 'vue' const data = { a: 1 } var vm = new原创 2020-08-31 16:50:41 · 181 阅读 · 0 评论 -
Vue学习笔记3(vscode插件, slot插槽)
笔记1. vscode配置(自动保存并格式化代码)2. vue插槽2.1 插槽内容2.2 具名插槽2.3 作用域插槽2.4 其它示例3. v-slot 和 slot 属性 区别4. 代码 1. vscode配置(自动保存并格式化代码) .vscode 文件夹 只针对当前项目 settings.json:工作空间设置、代码格式化配置、插件配置 vscode配置:https://juejin.im/post/6844903826063884296 vscode 官网:https://code.vis原创 2020-08-20 18:56:58 · 861 阅读 · 0 评论 -
vue学习笔记2(iview对话框组件封装)
问题:子组件修改父组件值时,报错 弹窗封装为组件 Modal组件点击右上角关闭按钮,或者点击遮罩层关闭弹窗时报错 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders 代码 <template> <Modal v-model="value" title="弹窗"> xxx <But.原创 2020-08-19 16:44:12 · 573 阅读 · 2 评论