![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue学习
_MadD
求战者安,求安者亡。
展开
-
24_router入门+原理;25_router详细
24_router入门+原理 手写源码 如果是hash模式下,路由hash改变的时候会触发onhashchange事件,他去改变一个叫_route的东西,_route更新的话会触发相应组件更新;如果是history模式下他走的是popState事件,结合pushState和replaceState方法 ...原创 2021-04-06 23:26:42 · 30 阅读 · 0 评论 -
20_初识vuex;21_vuex_modules;22_vuex_辅助函数;23_vuex原理
20_初识vuex 如果多处调用同一个mutation的函数,如果是异步ajax请求,谁先返回先执行谁不好控制顺序,所以原则上只能写同步 21_vuex_modules 22_vuex_辅助函数 23_vuex原理原创 2021-04-06 17:18:16 · 38 阅读 · 0 评论 -
18_use+mixin+extend;19_组件间的数据交互
不同的写法 use use源码 mixin 混入是为了补充,还是以组件内的为主 mixin源码 局部混入 extend原创 2021-04-06 15:30:29 · 35 阅读 · 0 评论 -
15_插槽;16_自定义指令;17_动态组件+keep-alive
slot 匿名插槽 具名插槽 传参 16_自定义指令 全局自定义指令 可以通过自定义指令实现全局校验 17_动态组件+keep-alive keep-alive源码原创 2021-04-05 23:28:51 · 35 阅读 · 0 评论 -
13_组件及数据传递;14_优化+组件数据传递
13_组件及数据传递 14_优化+组件数据传递 data和props中的属性都会被挂载到实例中,重名会报错,data比props先挂载 凡是用在组件上的事件都是自定义事件原创 2021-04-05 19:43:06 · 23 阅读 · 0 评论 -
11_工程化+钩子函数;12_DOM异步更新+nexttick原理
11_工程化+钩子函数 vue3.0和router4.0和vuex4.0搭配 工程化的好处,复用和维护 12_DOM异步更新+nexttick原理 源码 利用发布订阅,能用微任务的用微任务,用不了微任务的用宏任务原创 2021-04-05 18:16:29 · 24 阅读 · 0 评论 -
5_vue视图不更新问题;6_filter_computed;7_计算属性;8_侦听器watch
5_vue视图不更新问题 修改对象更新视图 数据更改影响视图更新,前提是数据用在了视图上 console.log(this.$set()); 修改数组更新视图 6_filter_computed filter 过滤器比如可以处理钱,3.0把它干掉了 如果重名,优先使用局部过滤器 computed 不建议把业务逻辑直接写到插值表达式里边,尽可能的保证模板简洁 set方法里可以写异步 7_计算属性 计算属性和data中的属性名重复会报错 1.主管意识上能判断出有依赖关系的就可以用原创 2021-04-05 16:23:51 · 70 阅读 · 0 评论 -
1_认识vue;2_劫持原理;3_指令+key;4_key的作用
1_认识vue 2_劫持原理 vue3.0采用的方式 3_指令+key 属性选择器,vue渲染完成之后,会把v-cloak移除掉 加上v-pre之后vue解析的时候就不看了 diff算法先会虚拟dom进行比较,先比较key是否一样,一样的话直接复用,不一样再比较标签往下依次判断 用index做key,因为index总是从0到length-1,如果删除了一项,有可能出现删除项key和元素key重复的问题,出现元素复用出现一些问题 v-once只渲染一次 4_key的作原创 2021-04-05 12:47:34 · 26 阅读 · 0 评论 -
VUE框架中的MVVM实现原理分析
原创 2021-03-21 00:27:38 · 107 阅读 · 0 评论 -
vue项目开发中用到的TinyMCE富文本编辑器整理
页面效果展示 页面组件应用 <Tinymce ref="editor" v-model="goodsForm.goods.description" :height="300" /> 组件结构 index.vue文件 <template> <div :class="{fullscreen:fullscreen}" :style="{width:containerWidth}" class="tinymce-container"> <原创 2021-03-05 17:50:06 · 717 阅读 · 1 评论