vue.js路由
2021-06-17 08:02
标签：tar view hid pad class 主页 start hold height vue.js路由 1,主页的路由调用 APP.vue 2,路由设置 main.js vue.js路由 标签：tar view hid pad class 主页 start hold height 原文地址：http://www.cnblogs.com/21haoxingxiu/p/7267432.html
//引入 路由
import VueRouter from ‘vue-router‘
// 引入路由路由组件
import goods from ‘./components/goods/goods.vue‘
import ratings from ‘./components/ratings/ratings.vue‘
import seller from ‘./components/seller/seller.vue‘
// 使用路由
Vue.use(VueRouter);
// 挂载点
let app = Vue.extend(App);
// 显示的路由样式
let router = new VueRouter({
linkActiveClass:‘active‘
});
// 路由声明
router.map({
‘/goods‘:{
component:goods
},
‘/ratings‘:{
component:ratings
},
‘/seller‘:{
component:seller
}
});
// 路由开始
router.start(app,‘#app‘);
// 默认是到goods页
router.go(‘/goods‘);