学习随笔

一、渐进式框架 二、两个核心点 相应的数据绑定 视图组件 三、虚拟DOM 四、MVVM模式 五、Vue实例 六、声明渲染 七、指令 八、模板

定义组件的两种方式 全局定义组件 局部定义组件 <div id="demo"> <!--使用组件--> <my-component></my-component> </div> Vue.component("my-component",{ // 全局定义组件 template:`<div...

写在正文之前： 查了许多教程，网上大多都是2.*之前版本的cli，而官网也说明了Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。因此我自己总结了一份。 and新版的@vue/cli要求node版本在8.9以上，如未达到请更新node版本，这里我使用的是node10.15.3 老版本vue-cli创建一个项目 全局安装老版本的vue-cli：npm install --glo...

传统的组件开发： 代码由四部分构成： 引入CSS组件样式部分 <link rel="stylesheet" href="***.css"> JS组件封装逻辑部分 <script src="***.js"></script> HTML组件模板代码 <div></div> JS组件创建脚本代码 <script></scri...

什么是数据响应式 即数据双向绑定，改变Model时，View自动更新。改变View时，Model也会自动更新。 数据响应式原理 在Vue2.x版本中，利用Object.defineProperty()重新定义对象获取属性值（get）和设置属性值的操作实现数据响应。 在Vue3.0版本中，采用ES6的Proxy对象来实现。 数据响应简单实现 Object.defineProperty()实现数据...