Webpack源码泄露到Vue快速入门
// 引入Vue
import Vue from 'vue';
// 引入Vue Router
import VueRouter from 'vue-router';
// 引入App组件
import App from './App.vue';
// 引入路由配置
import routes from './routes';
// 使用Vue Router
Vue.use(VueRouter);
// 创建Vue Router实例
const router = new VueRouter({
routes
});
// 创建Vue实例并挂载
new Vue({
router,
render: h => h(App)
}).$mount('#app');
这段代码展示了如何在一个使用Vue和Vue Router的单页面应用中设置路由。它首先引入了必要的依赖,然后通过Vue.use(VueRouter)
来使用Vue Router插件。接着,它创建了一个新的Vue Router实例,并配置了路由。最后,创建了Vue的根实例,并通过$mount
方法将其挂载到DOM上的#app
元素。这个过程是学习Vue和Vue Router的一个很好的起点。
评论已关闭