
vue
文章平均质量分 91
ccessl
爱生活,爱猫咪
展开
-
Vue学习笔记一 创建vue项目
vue-cli创建vue项目,安装Node.js 安装vue-cli vue-cli构建vue项目 安装项目依赖 启动项目 发布项目 npm是Node.js的包管理工具(package manager),是全球最大的开源库生态系统。npm在Node.js安装的时候顺带装好了。Vue-cli是Vue的脚手架工具,用 vue-cli 可以快速创建 vue 项目。webpack-simple是项目模板的名称原创 2017-09-20 10:35:40 · 470 阅读 · 0 评论 -
vuex入门与学习
安装、使用 vuex首先我们在 vue.js 2.0 开发环境中安装 vuex :npm install vuex --save然后 , 在 main.js 中加入 :import vuex from 'vuex'Vue.use(vuex);var store = new vuex.Store({//store对象 state:{ show:fal...转载 2018-07-17 21:27:47 · 268 阅读 · 0 评论 -
vue-cil+vuex 构建一个简单的记事本应用
学习vuex文档稍微了解了一下vuex,这个练习用于应用一下vuex。构建一个简单的单页笔记本应用,加深对vuex的理解。Demo:https://ccessl.github.io/test/实现效果: 安装npm和vue-cli这里就略过了,首先创建一个webpack模板项目在命令提示符终端输入: npm init webpack之后输入项目名称、描述等信息。因...原创 2018-07-18 21:23:32 · 1560 阅读 · 0 评论 -
Vue学习笔记--Vue双向绑定实现原理
我们知道Vue可以实现数据双向绑定,Angular和Vue都是采用的MVVM 模式,意思就是当M(模型层)层数据进行修改时,VM层会监测到变化,并且通知V(视图层)层进行相应的修改,反之修改V层则会通知M层数据进行修改,实现了视图与模型层的相互解耦。其中Angular是采用的脏值检测实现的,Vue是采用的发布-订阅模式+数据劫持 实现的。 Vue是通过O...原创 2018-08-13 22:17:22 · 659 阅读 · 0 评论 -
Vue组件间常用的通信方式总结
在使用 vue-cli 创建的 vue 项目中进行组件间的通信,以下是三种常用的组件间通信的方式总结。1、父组件向子组件传递数据----------------------------> 通过Prop2、子组件向父组件发送消息---------------------------->使用 $emit3、组件间与组件间通信---------------------------...原创 2018-08-31 17:36:27 · 717 阅读 · 0 评论