qq_37918241的博客

初入vue的朋友可能会疑惑，组件初始化的时候,created，props，data到底谁先执行？今天，我就带大家从源码的角度看看到底谁先执行？我们知道,vue是个实例那我们就从new Vue()开始，看看到底做了什么，首先是_init方法，初始化，我们点进去继续看看可以看到首先是进行初始化生命周期，初始化事件中心，初始化渲染等操作，在created之前，这也就说明了为什么在created的时候无法进行dom操作好了，这里主要的是initState函数，我们继续点进去好了

一：为什么要用vdom(虚拟dom)？ 传统的jq是直接操作dom,但由于计算量较小，问题不大。现在随着前端的业务逻辑越来越复杂，vue的兴起，由原来的直接操作dom转变为数据驱动视图,所以dom的计算量是非常大的,而我们知道，操作dom是非常耗费性能的，那怎么办呢？ 因为浏览器js的执行速度是远远大于操作dom的,所以我们想到用js模拟dom，计算出最小的变更，来操作dom，那js怎么模拟dom呢？比如： <div id="main" class="contain...

关于vue组件的生命周期，相比各位同学都已经滚瓜烂熟。但是父子组件的生命周期呢？例如 <template> <div class="home"> <HelloWorld/> 我是父亲 </div> </template> export default { name: 'Home', components: { Hello.

1.require.context()场景:如页面需要导入多个组件,原始写法:import titleCom from '@/components/home/titleCom'import bannerCom from '@/components/home/bannerCom'import cellCom from '@/components/home/cellCom'component...