Vue.js学习笔记--vue-router的使用

1.创建Vue项目

vue init webpack-simple vueproj

cd vueproj

npm install

npm run dev

2.vue-router使用流程(参考https://router.vuejs.org)

1.安装 vue-router

npm install vue-router --save

2.在main.js中引入

import VueRouter from 'vue-router';

Vue.use(VueRouter);

3.配置路由

1. 创建组件: Home.vue News.vue, 引入组件到main.js [import Home from './Home.vue';...]
2. 定义路由: const routes = [{path:'/home', component:Home},...]
3. 实例化一个VueRouter： const router = new VueRouter({routes});
4. 挂载: new Vue(el:"", router, render:...);