很久之前看过vue的一些原理，对其中的双向绑定原理也有一定程度上的了解，只是最近才在项目上使用vue，这才决定好好了解下vue的实现原理，因此这里对vue的双向绑定原理进行浅析，并做一个简单的实现。 vue双向绑定的原理浅析 vue数据的双向绑定是通过数据劫持，并结合发布-订阅模式的方式来实现的。 ...
分类：
其他好文 时间：
2019-08-29 09:56:55
阅读次数：
98
父组件： 子组件KInput： 这样就可以实现自定义组件双向数据绑定了： 子组件通过监听input把最新的值e.target.value派出去，然后父组件通过v-model更新模型，模型更新也会导致传进来的props发生改变展示在子组件value上。 该过程是单向流的，因为<input type=" ...
分类：
其他好文 时间：
2019-08-27 23:23:27
阅读次数：
106
vue的计算属性： 1.什么是计算属性？ 计算属性的目的是用于对数据进行简单运算的，若在模板中放过多的计算逻辑会导致模板难以维护。 计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。 2.计算属性如何使用？ 1.在一个计算属性里可以完成各种复杂的逻辑，包括运算、函 ...
分类：
其他好文 时间：
2019-08-26 21:08:44
阅读次数：
99
安装更换node源 1.安装node 2.node install nrm -g 3.nrm list 4.nrm use taobao 创建一个Vue项目&v-model双向绑定 1.创建一个空项目 2.打开cmd npm init -y npm install vue --save v-html ...
分类：
其他好文 时间：
2019-08-26 00:03:20
阅读次数：
103
ng-bind是从$scope -> view的单向绑定 ng-modle是$scope <-> view的双向绑定 <form role="form" class="form-inline"> <div class="form-group"> <label for="nj">年级:</label>... ...
分类：
其他好文 时间：
2019-08-25 14:25:41
阅读次数：
80
Vue进阶学组件 1.组件的学习： 首先想要使用vue的组件 那么需要引入一个支持vue的jsp文件 1.model指令的学习 model指令的意思:用于双向绑定且只能用到表单元素当中 试列代码： 2.show指令 show指令的意思：改变一个元素是否显示隐藏 试列代码： 3.if指令 if指令的含 ...
分类：
其他好文 时间：
2019-08-24 22:52:07
阅读次数：
76
源代码当中会有一个观察者模式，主要负责观察你的数据是否发生变化 他是通过Object.defineProperty来实现判断。当你的数据发生变化的时候，他会执行到处理器当中 的set，set发生变化之后，他会通知其相对应的订阅者，而这个订阅者是你数据下面的DOM操作， 具体就是执行这个DOM下面的u ...
分类：
其他好文 时间：
2019-08-22 22:11:28
阅读次数：
96
模板内的表达式通常用于简单的运算，当其过长或逻辑复复杂时，会变得难以维护 什么是计算属性 在Vue应用中，在模板中双向绑定一些数据或者表达式，但是表达式如果过长，或者逻辑更为复杂时，就会变得臃肿甚至难以维护和阅读，比如<div> {{text.split(',').reverse().join(', ...
分类：
其他好文 时间：
2019-08-14 12:46:27
阅读次数：
100
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> </head> <script src="./vue.js" type="text/javascript" charset="utf-8"></script> <... ...
分类：
其他好文 时间：
2019-08-12 00:59:04
阅读次数：
132
