Vue源码学习之数据初始化是如何巧妙地处理长尾词的？

本文共计736个文字，预计阅读时间需要3分钟。

目录+初始化数据+创建Vue实例+构造函数扩展方法+初始化状态+调用initData方法对数据进行代理+初始化数据+环境搭建：菜鸟学Vue源码第一步之rollup环境搭建+响应式数据的核心就是，数据。

目录

• 初始化数据
• 创建Vue实例
• 构造函数扩展方法
• 初始化状态
• 调用initData方法对数据进行代理

初始化数据

环境搭建:菜鸟学Vue源码第一步之rollup环境搭建步

响应式数据的核心就是，数据变化了可以监听到数据变化了，数据的取值和更改值可以监测到,首先第一步需要创建一个Vue实例

创建Vue实例

//dist/index.html //用Vue创造一个实例 const vm = new Vue({ data(){ return { name:'i东东', age:18 } } })

创造完 Vue实例，紧接着就需要有一个类去代理data中的数据，但是在Vue中并没有直接去用class去构建一个类，因为这样写会将所有的方法都耦合在一起(类的特点)，所以Vue本身采用了一个构造函数，通过构造函数去扩展方法。