我有一个laravel项目，希望使用Vue.js代表前端.但我从来没用过
在我的应用程序中.js
require('./bootstrap');
require('./vue-router');
require('./routes');
window.Vue = require('vue');
const app = new Vue({
el: '#app',
});
然后我从https://router.vuejs.org/en/installation.html复制vue路由代码
在我的路由上.js
const router = new VueRouter();
var App = Vue.extend({});
router.start(App, '#app');
当我try 在控制台中打开页面时，我会看到下一个:"VueRouter未定义"
您必须先使用方法Vue.use()告诉Vue使用VueRouter.所以，要做到:
import VueRouter from 'vue-router'
# add this code
Vue.use(VueRouter)
var router = new VueRouter({
routes: [
{path: 'home', component: homeComponent}
]
})
更新:
首先使用
npm install --save vue-router
然后像这样导入和使用它
import VueRouter from 'vue-router'
然后在vue中使用它
Vue.use(VueRouter)
然后定义你的路由:
const routes = [
{path: '/', component: SomeComponent}
]
然后初始化路由并将其传递给路由
var router = new VueRouter({
routes: routes,
mode: 'history'
})
将路由传递给vuejs，然后再传递利润:)
new Vue({
el: '#root',
router: router
})