vue2.0
文章平均质量分 73
vue2.0相关
前端_七月
一向桀骜,不曾折腰
展开
-
vue2.0 源码调试环境搭建
vue2.0源码 调试环境搭建原创 2022-06-21 15:50:23 · 964 阅读 · 0 评论 -
vue系列 —— vue-route详细使用方法
说到路由, 我们最熟悉的路由是什么呢? 那就是路由器了。 其实路由器有两个重要的功能: 路由和传送路由: 路由决定数据包从哪里来, 到哪里去。 也有是来源和目的地的路径。路由中有一个路由表,路由表本质上就是一个映射表,决定了数据包的传输方向。传送: 传送是将输入端的数据传送给输出端下面我们先来搭建一个项目, 然后一边学习一遍在项目里实战创建vue-cli2项目vue init webpacek vueroute然后一路向下就可以了, 如果本地创建项目很慢, 可以采用离线创建项目的原创 2021-11-30 10:34:33 · 36714 阅读 · 14 评论 -
vue2.0源码入口
vue系列第二篇—vue源码分析入口vueJS一. vue源码我们安装好vue以后, 如何了解vue的的代码结构, 从哪里下手呢?1.1. vue源码入口vue的入口是package.json<image src=“https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a0c1fe1b2e4447e69de4c25f60d141b8~tplv-k3u1fbpfcp-watermark.image” width=“60%”/>来分别看看原创 2021-11-30 10:27:54 · 1226 阅读 · 1 评论 -
Vue 3.0双向绑定原理的实现
proxy方法vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过new Proxy()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。Vue 3.0与Vue 2.0的区别仅是数据劫持的方式由Object.defineProperty更改为Proxy代理,其他代码不变。具体实现过程的代码如下:1....原创 2021-07-19 11:58:05 · 1528 阅读 · 0 评论 -
Vue 2.0双向绑定原理的实现
Object.defineProperty方法vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter、getter,在数据变动时发布消息给订阅者,触发相应的监听回调。具体实现过程的代码如下:定义构造函数 function Vue...原创 2021-07-18 14:46:18 · 143 阅读 · 0 评论 -
vue生命周期 —— 模板编译
Vue 的 template 是如何编译成真正的 HTML 并做到双向绑定等等特殊功能的呢?在这张图中,我们可以看到 Vue 的模板编译是在 $mount 的过程中进行的,在 $mount 的时候执行了 compile 这个方法来将 template 里的内容转换成真正的 HTML 代码。complie 之后执行的事情也蛮重要的,这个我们留到最后再说。complie 最终生成 render 函数,等待调用。这个方法分为三步:parse 函数解析 template optimize 函数优化静态原创 2021-06-30 07:51:34 · 487 阅读 · 0 评论