在Vue中实现多个页面跳转时，vue-router是必不可少的官方路由插件。今天就给大家介绍下vue-router，以及它的基本使用方法。一、介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。这是来自官网的介绍，但大家可能会疑惑，我们不是实现多页面跳转吗，怎么是单页面应用？其实vue-router就是一款单页面应用（SP

上两期谈到了父子和兄弟组件传值，但都停留在组件一对一传值的层面，写起来比较繁琐。大家可能会问：Vue能不能将传递的数据储存在一个全局仓库，可以让所有组件调用和修改？于是Vuex就诞生了。这篇文章就来介绍下Vuex是什么，以及Vuex的具体用法。一、介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发

在实现Vue多界面应用中，我们经常需要在页面跳转时讲数值传递到另一个页面，那么下面就来介绍下实现路由传参的三种方法。一、Path后加参数传递方法（id为参数）this.$router.push({path: '/result/${id}'})接收方法this.$route.params.id二、Params属性传递方法this.$router.push({path: '/result'，param

上次讲到了Vue的组件化概念，那这次来讲解下Vue里父子组件要怎么传值，也是学习Vue非常重要的一个知识点。这里我拿自己写的一个Todo List Demo来当做例子讲解。父组件向子组件传值父组件在子组件HTML标签中添加变量名和绑定data属性 ，子组件在props中添加变量名。在这个例子中，父组件为包含TodoList的页面，子组件为TodoList。<!-- 这是父组件 -->&

在实现Vue多界面应用中，我们经常需要在页面跳转时讲数值传递到另一个页面，那么下面就来介绍下实现路由传参的三种方法。一、Path后加参数传递方法（id为参数）this.$router.push({path: '/result/${id}'})接收方法this.$route.params.id二、Params属性传递方法this.$router.push({path: '/result'，param