vue
小馋猫s
没有最好,只有更好!
展开
-
vue源码学习——数据驱动
vue的核心思想? 数据驱动 什么是数据驱动? 数据驱动指的是视图是由数据驱动生成,我们对视图的修改不会直接操作DOM,而是修改数据。 模版和数据怎么渲染成DOM的呢? 1. new Vue发生了什么 Vue实际是一个类,只能通过new关键字初始化(在JavaScript中类是通过function实现的) 可以看到,new Vue会调用_init()方法,并且将参数options传给这个方法。 ...原创 2020-01-06 14:24:12 · 279 阅读 · 0 评论 -
vue源码学习——源码构建
Rollup vue.js源码是基于Rollup构建的 Rollup 和 Webpack rollup和webpack都是构建工具,但是webapck更强大一些,会将图片,字体等静态资源编译成JavaScript,但是rollup更适合JavaScript库的编译,只处理js的部分,其他资源部分是不会管的。 vue.js 源码构建相关的配置在scripts目录下 构建过程 scripts/buil...原创 2020-01-03 14:50:38 · 151 阅读 · 0 评论 -
vue源码学习——目录设计
src目录下 compiler compiler目录下包含了vue.js所有编译相关的代码。 core core目录下包含了Vue.js 的核心代码,包括内置组件、全局API封装、Vue实例化、观察者、虚拟 DOM、工具函数等等 platfoms vue.js是跨平台的MVVM框架,可以跑在Web上,也可以配合weex跑在native客户端上 platfoms是vue.js的入口下面的web目录...原创 2020-01-03 11:22:29 · 140 阅读 · 0 评论 -
vue源码学习——认识flow
什么是flow? flow是Facebook出品的静态类型检查工具(vue.js 的源码就是利用了flow做静态类型检查) 为什么用flow? 因为JavaScript是一种动态类型语言,灵活性强,但是过于灵活会带来一些问题,很容易写出非常隐蔽的隐患代码,没有明显的语法错误编译阶段可能不会报错,但是在运行阶段会出现各种bug。 类型检查就是在编译阶段发现由类型错误引起的bug,不影响代码的运行,...原创 2020-01-03 11:02:57 · 381 阅读 · 0 评论 -
vue指令总结
v-pre跳过这个元素和它的子元素的编译过程 <span v-pre>这里的内容不会被编译</span> v-html输出html v-if是否插入该元素 v-bind语法糖:动态更新HTML元素属性 v-on语法糖@绑定事件 <div v-on:click=""></div> <div @click=""></div> v...原创 2019-12-31 14:35:03 · 132 阅读 · 1 评论 -
vue学习(一)
前期 中期 后期原创 2019-10-16 13:58:01 · 102 阅读 · 0 评论