如标题:在主控js中的Vue.use跟new Vue似乎冲突。当new vue放前面时,可以正常使用,但是报错:
vue.use放前面时,则编译失败,报错:
如何解决?我使用的是webpack+babel+vue-loader
主页面代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue Router Demo</title>
</head>
<body>
<div id="app">
<router-view></router-view>
<nav_main></nav_main>
</div>
<script src="dist/bundle.js"></script>
</body>
</html>
主控js:
import Vue from 'vue'
import css from './vue/css.vue'
import sc from './vue/sc.vue' //场景
import nav_main from './vue/nav.vue' //主导航条
import home from './vue/home.vue'
import about from './vue/about.vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter);
/*冲突部分*/
/*new Vue({
el: 'body',
data:{
current:2
},
components: { nav_main }
})*/
var router = new VueRouter();
router.map({
'*':{component: sc },
'/home': {component: home },
'/about':{component: about}
})
router.start({}, '#app');
router.go({"path":"/home"});
nav.vue:
<template>
<ul class="nav">
<li><a v-link="{ path: '/sc' }">!!项目1</a></li>
<li><a v-link="{ path: '/home' }">项目2</a></li>
<li><a v-link="{ path: '/about' }">项目3</a></li>
</ul>
</template>
试试看?