摘要： 路由的嵌套 1.配置路由 2.<router-view></router-view> 示例代码： 阅读全文

摘要： import Vue from 'vue' import App from './App.vue' import Home from './components/Home.vue' import News from './components/News.vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const rou... 阅读全文

摘要： Vue 路由get传值1.动态传值 1.1需要在路由配置时指定参数： {component:'/home/:id'} 1.2在routerlink中指定格式：<router-link :to="'/home/'+123"></router-link> 1.3在跳转到的页面中通过this.$route 阅读全文

摘要： Vue路由 1.安装 npm install vue-router --save / cnpm install vue-router --save2.main.js中引入并Vue.use(VueRouter) import VueRouter from 'vue-router' Vue.use( V 阅读全文

摘要： 非父子组件传值 通过事件广播实现非父子组件传值1.新建js，引入并实例化Vue import Vue from 'vue' var VueEvent = new Vue(); export default VueEvent;2.子组件A中引入VueEvent，并广播事件 import VueEven 阅读全文

摘要： 父组件主动获取子组件的值 1. 在调用子组件的时候定义一个ref-> ref="header"2. 在父组件中通过this.$refs.header.属性，调用子组件的属性，例如this.$refs.header.name 在父组件中通过this.$refs.header.方法，调用子组件的方法，例 阅读全文

摘要： 父子组件传值 1.父组件调用子组件时绑定属性，例如-> :title="title" 2.子组件中在props中声明title：props:['title','msg'] 3.就可以在子组件中引用title Tips：避免父子组件传值时命名冲突 父子组件传方法方式一样 1.父组件调用子组件时绑定属性 阅读全文

摘要： axios 1.cnpm install axios --save 2.在vue文件中引入，import Axios from 'axios' 3.使用，Axios.get(url).then((res)=>{}).catch((err)=>{}) 阅读全文

摘要： vue-resource 1.cnpm install vue-resource --save 2.在main.js中import VueResource from 'vue-resource' 3.在main.js中Vue.use(VueResource) 4.在组件中使用this.$http.g 阅读全文

摘要： 生命周期函数： 组件挂载，以及组件更新，组建销毁的时候出发的一系列方法。 beforeCreate：实例创建之前 created：实例创建完成 beforeMount：模板编译之前 mounted：模板编译完成。请求数据，操作dom放在这 beforeUpdate：数据更新之前 updated：数据 阅读全文