MZ-Coder的博客

一、vuex概述1、组件之间共享数据的方式父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：EventBud$on：接收数据的组件$emit：发送数据的组件2、vuex是什么？vuex是实现组件全局状态（数据）管理的机制，可以方便的实现组件之间数据的共享。3、使用vuex统一管理状态的好处能够在vuex中集中管理共享数据，易于开发和后期维护能够高效地实现组件之间的数据共享，提高开发效率存储在vuex中的数据都是响应式的，能够实时保持数据与页面同

一、路由的基本使用说明：一般情况下路由组件存放在‘views/pages’目录，非路由组件存放在‘components’目录1.使用步骤：定义路由组件注册路由在index.js文件中引入路由组件，并创建路由器。在main.js文件中注册路由器。使用路由<router-link to="/foo">Go to Foo</router-link><router-view></router-view>2.相关APIVueRout

一、生命周期图二、生命周期函数1、页面准备2、beforeCreatebeforeCreate() { //第一个生命周期函数，表示实例完全被创建出来之前，会执行它 //在beforeCreate生命周期函数执行的时候，data和methods中的数据都还没有初始化 console.log(this.msg) this.show() }运行结果：3、createdcreated() { //第二个生命周期函数，在created中，data 和

vue项目的搭建一、安装node环境二、安装淘宝镜像，提高下载效率三、全局安装vue-cli四、进入项目目录，创建一个基于webpack模板的新项目五、项目启动六、访问一、安装node环境二、安装淘宝镜像，提高下载效率安装命令npm install -g cnpm –registry=https://registry.npm.taobao.org检查是否安装成功安装过程中可能出现的问题解决办法：出现以上问题是权限不够，切换到管理员身份运行安装命令即可。三、全局安装vue-cli