![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue学习心得和总结
CC_Together
前端开发程序猿的学习之路
展开
-
van-tree-select实现全选功能
van-tree-select实现全选功能建立一级分类和二级分类id对照表,方便后续操作各个id //前提:全部选项的id与一级分类id一致且id长度与二级分类不相同并具备前三个字符相同的规律(后面算法实现的基础) data=[{id:101,text:一级分类,children:[ {id:101,text:'全部'}, {id:101001,text:'二级分类1'}, {id:101002,text:'二级分类2'}] //建立本地一级分类与二级分类的Id对照表减少原创 2021-08-27 15:28:17 · 1589 阅读 · 0 评论 -
Vue源码学习之核心目录分析
在 github下载Vue源码后在本地编辑器打开src文件夹:compiler目录 包含了 Vue.js 所有编译相关的代码。它包括把所有模板解析成 ast 语法树, ast 语法树优化,代码生成等功能。core目录 包含了 Vue.js 的核心代码,包括内置组件,全局API封装,Vue 实例化,观察者,虚拟DOM, 工具函数等等。(1)components 包含抽象出来的通用组件。...原创 2020-04-30 10:48:12 · 342 阅读 · 0 评论 -
Vuex状态管理总结
可以简单的将其看成把需要多个组件共享的变量全部存储在一个对象里面。再将这个对象放在顶层的Vue实例中,让其他组件可以使用。那么多个组件就可以共享这个对象中的所有变量属性了;这也是跨组件的通信方式之一。原创 2020-04-19 13:48:48 · 424 阅读 · 0 评论 -
了解Vue的虚拟dom及diff算法
vue框架里面的两大核心,虚拟dom和数据双向绑定原理,数据双向绑定原理已经在我的另外一篇博客中详细介绍了,本文来了解一下虚拟dom以及与虚拟dom难离难舍的diff算法。原创 2020-04-18 22:10:01 · 704 阅读 · 0 评论 -
vue数据双向绑定原理及简单实现
数据双向绑定是vue的核心特性,是MVVM模式的体现。一句话概括的话就是:通过 Object.defineProperty( ) 方法劫持数据并结合发布订阅者模式的方式来实现数据的双向绑定原创 2020-04-18 15:42:32 · 594 阅读 · 0 评论 -
Vue的生命周期过程详解
掌握各个钩子函数执行时的环境,并在项目开发中正确使用显得尤为重要,能避免一些基础的bug原创 2020-04-18 11:56:20 · 854 阅读 · 0 评论