Vue.js第二天学习笔记(vue-router)

前端之家收集整理的这篇文章主要介绍了Vue.js第二天学习笔记(vue-router)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue中vue-router的使用:

main.js如何配置(es6的写法):在引用之前记得先 npm 下所需要的vue

<div class="jb51code">
<pre class="brush:js;">
import Vue from 'vue'
import App from './App.vue'
import Router from 'vue-router'
import Resource from 'vue-resource'
//import VueTouch from 'vue-touch'
var VueTouch = require('vue-touch')

//引入home页面
import homepage from './page/home.vue'
//引入test页面
import test from './page/test.vue'

Vue.use(Router);
Vue.use(Resource);
Vue.use(VueTouch);

var router = new Router({
abstract: true,hashbang: false
});
//实现页面跳转
router.map({
'/home':{
component:homepage
},'/test':{
component:test
},})

router.start(App,'#app')
// router.go('test'); 默认直接跳转到 test 页面

index.html中引入app.vue和build.js

vue.js学习笔记(2)

猜你在找的Vue相关文章