![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端-Vue
Vue全家桶学习
code in China
这个作者很懒,什么都没留下…
展开
-
Vue学习笔记-vuex
一、vuex概述1、组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on事件绑定兄弟组件之间共享数据:EventBud$on:接收数据的组件$emit:发送数据的组件2、vuex是什么?vuex是实现组件全局状态(数据)管理的机制,可以方便的实现组件之间数据的共享。3、使用vuex统一管理状态的好处能够在vuex中集中管理共享数据,易于开发和后期维护能够高效地实现组件之间的数据共享,提高开发效率存储在vuex中的数据都是响应式的,能够实时保持数据与页面同原创 2020-08-03 11:15:27 · 179 阅读 · 0 评论 -
Vue学习笔记-Router
一、路由的基本使用说明:一般情况下路由组件存放在‘views/pages’目录,非路由组件存放在‘components’目录1.使用步骤:定义路由组件注册路由在index.js文件中引入路由组件,并创建路由器。在main.js文件中注册路由器。使用路由<router-link to="/foo">Go to Foo</router-link><router-view></router-view>2.相关APIVueRout原创 2020-08-02 16:02:47 · 1998 阅读 · 0 评论 -
Vue学习-生命周期详解
一、生命周期图二、生命周期函数1、页面准备2、beforeCreatebeforeCreate() { //第一个生命周期函数,表示实例完全被创建出来之前,会执行它 //在beforeCreate生命周期函数执行的时候,data和methods中的数据都还没有初始化 console.log(this.msg) this.show() }运行结果:3、createdcreated() { //第二个生命周期函数,在created中,data 和原创 2020-08-02 11:41:54 · 196 阅读 · 0 评论 -
Vue项目架构的搭建
vue项目的搭建一、安装node环境二、安装淘宝镜像,提高下载效率三、全局安装vue-cli四、进入项目目录,创建一个基于webpack模板的新项目五、项目启动六、访问一、安装node环境二、安装淘宝镜像,提高下载效率安装命令npm install -g cnpm –registry=https://registry.npm.taobao.org检查是否安装成功安装过程中可能出现的问题解决办法:出现以上问题是权限不够,切换到管理员身份运行安装命令即可。三、全局安装vue-cli原创 2020-08-02 11:21:35 · 229 阅读 · 0 评论