Vue.js
文章平均质量分 92
Always_OL
眉毛上的汗水和眉毛下的泪水你必须选择一样
展开
-
快速构建vue-cli脚手架
构建环境:node.js环境(npm包管理器) vue-cli 脚手架构建工具安装node.js:1.从node.js官网下载安装,点击“下一步”直接安装2.安装完成之后,打开命令行工具,输入node -v,如下图,如果出现相应的版本号,则说明安装成功。3.npm包管理器,是集成在node中的,所以,直接输入npm -v就会如下图所示,显示出npm的版本信息。 no...原创 2017-03-15 16:20:06 · 5122 阅读 · 0 评论 -
实现vue的双向绑定(三)
vue双向绑定 - 数据劫持目录1、vue实现双向绑定的必要方法2、完善observer内容1、vue实现双向绑定的必要方法模板的编译。即:{{}}的取值编译,指令的编译数据劫持,观察数据变化。即:表单值改变,需要更新model数据Watcher,利用发布订阅末模式联系以上两者2、完善observer内容observer作用为:给new MVVM时传递的data数据均添加ge...原创 2019-05-08 11:27:22 · 274 阅读 · 0 评论 -
实现vue的双向绑定(四)
vue双向绑定 - watcher目录1、vue实现双向绑定的必要方法1、vue实现双向绑定的必要方法模板的编译。即:{{}}的取值编译,指令的编译数据劫持,观察数据变化。即:表单值改变,需要更新model数据Watcher,利用发布订阅模式联系以上两者...原创 2019-05-09 17:30:48 · 227 阅读 · 0 评论 -
实现vue的双向绑定(一)
前言:1、vue的双向绑定指的是把Model绑定到View的同时也将View绑定到Model上,这样就既可以通过更新Model来实现View的自动更新,也可以通过更新View来实现Model数据的更新。2、表单是实现双向绑定的必不可少的元素,当用户更新表单内容,Model的数据也自动更新,反之,当js更新Model时,表单里面的内容也会更新。vue实现双向绑定的必要方法:模板的编译。...原创 2019-05-07 10:06:02 · 259 阅读 · 1 评论 -
实现vue的双向绑定(二)
vue双向绑定 - 模板的编译1、目录vue实现双向绑定的必要方法1.构建环境完善mvvm.js内容完善2.compile.js内容编译元素编译文本3.vue实现双向绑定的必要方法模板的编译。即:{{}}的取值编译,指令的编译数据劫持,观察数据变化。即:表单值改变,需要更新model数据Watcher,利用发布订阅末模式联系以上两者构建环境先将上篇文章中的#app内容修改如下 <...原创 2019-05-07 11:28:07 · 363 阅读 · 0 评论