Tag: vue
All the articles with the tag "vue".
- vue
Vue.js 组件化
生命周期函数会被合并为数组。 这种合并思想值得借鉴，本身有一套默认配置，合并传入的配置，达到定制化的目的。 放一张经典的生命周期图 _init src/core/instance/init.js
- vue
Vue update 过程
```js src/core/instance/lifecycle.js src/platforms/web/runtime/index.js src/platforms/web/runtime/patch.js
- vue
Virtual DOM 详解
直接操作DOM会影响性能，所以才产生了虚拟DOM。 一个对象，两个前提，三个步骤。 Virtual DOM是一个基本的JavaScript对象，也是整个Virtual DOM数的基本。
- vue
Vue render 函数
template ```js <div id="app"> {{ message }} </div> ``` render ```js render: function(createElement){
- vue
Vue 实例挂载的实现
Vue中我们是通过$mount实例方法去挂载vm的，$mount方法在多个文件中都有定义，如 ```js $mount src/platform/web/entry-runtime-with-compiler.js
- vue
new Vue 发生了什么
src/core/instance/index.js ```js function Vue (options) { if (process.env.NODE_ENV !== 'production' &&
- vue
Vue.js 数据驱动
Vue.js的核心思想是数据驱动。 视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据。 - 简化代码量 - 利于维护 简洁的模板语法来声明式的将数据渲染为DOM：
- vue
Vue.js 从入口开始
``` src/platforms/web/entry-runtime-with-compiler.js src/platforms/web/runtime/index.js
- vue
Vue.js 源码构建
Vue.js源码是通过Rollup构建的，配置在build目录下。 使用Runtime only时，需要借助如webpack的vue-loader工具把.vue文件编译成JavaScript，因为这是在编译阶段做的，所以Runtime only只包含运行时的Vue.js代码，因此代码体积也更轻量。
- vue
Vue.js 源码目录设计
src下的源码 ```js src |-- compiler |-- core |-- platforms |-- server |-- sfc |-- shared