看看vue的源代码,试着自己写一个vue出来。反正这种东西就很有意思。
npm install
npm run start
当我们使用 npm run start
时候,会运行src/index.js
文件。
相关的代码在src/components/data/computed.js
同时需要配合src/components/data/data.js
,通过巧妙利用data域的变量的getter来捕获计算属性的依赖变量。
相关代码在src/components/method/index.js
- beforeCreate: 当构建实例模版前触发,在该钩子还没有把data域的数据注入到模版之中。
- created: 当构建完成后,触发该钩子。
- beforeUpdate: 当数据发生变化时触发该钩子,在钩子触发时,变化的数据还没发生改变。
- updated: 当数据发生变化后,触发的钩子。触发时,数据已经改变。
有空就看看vue.js的源代码一块块慢慢来吧。