![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 89
码龄2年
最近想搞搞python自动化测试的一些东西,有没有大佬可以带带我
展开
-
vue原理简单实现(三)
书接上文组件的依赖收集(watcher的收集) 定义一个watcher类在上一篇中说了组件挂载的一个过程在最后通过调用mountComponent来更新组件当时是直接调用的这个方法而在vue中是将这个方法放到watcher类中所以之前的方法应做相应的改动所以watcher是更新的函数function mountComponent(vm,el){ let updateComponent = ()=>{ vm._update(vm._render())原创 2021-01-18 00:20:22 · 138 阅读 · 0 评论 -
vue简单实现原理(二)
模板编译渲染模板的时候需要一个方法用数据代替模板中的变量(方法:render)先把模板变成一个render方法 reder(){return _l(3,_c(‘li’,name))}需要去当前实例上取值 width虚拟dom对象=》可描述dom结构 (diff算法)生成真实dom扔到页面中模板编译原理,AST语法树,先表示出html来=>js语法先看实例化的时候有没有el选项,如果有就直接挂载,挂载的时候需要一个方法mountVue.prototype.$moun原创 2021-01-17 15:26:36 · 307 阅读 · 0 评论 -
vue原理简单实现(一)
书接上文点这里首先来说vue是个类,当实例化这个类的时候会传入一个对象例如:new Vue({ el:"#app", data(){ return { a:1 } }})这种传参的方式叫做options api在真实的vue中由于考虑到方便类的扩展问题,所以vue采用的是用构造函数的方式来写的function Vue(options){ this._init(options)// 入口方法,用来做数原创 2020-12-12 22:45:43 · 611 阅读 · 0 评论 -
vue原理前期准备工作之rollup
1.vue的打包工具vue的源码打包工具用的是一款专门用来打包js的工具rolluprollup的常见配置如下和webpack的配置也类似@bable/preset-env配置参考import babel from "rollup-plugin-babel"import serve from "rollup-plugin-serve"export default { input:'./src/index.js', // 入口文件 output:{ form原创 2020-12-11 13:05:36 · 484 阅读 · 0 评论