Vue router
2020-07-24 12:32
53 查看
Vue router
- 安装:npm install vue-router或cnpm install vue-router或yarn add vue-router
- 在新建router.js中引用如下代码import Vue from 'vue’import VueRouter from 'vue-router’Vue.use(VueRouter)
- 在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue
- 在router.js中设置如下两步
1、import Home from ‘./views/Home/’
2、export default new VueRouter ({
routes: [
{
path: ‘/’,
redirect: ‘/home’ //设置默认指向
},
{
path: ‘/home’,
component: Home
}
]
}) - 在App.vue中的div内引入
- 在main.js中 import router from ‘./router’在new的实例中增加router,具体如下:
相关文章推荐
- vue-router中scrollBehavior的巧妙用法
- vue-router踩坑:History模式下,打包后页面访问404
- vue-router路由懒加载
- 路由导航全局前置守卫router.beforeEach在vue中的运用
- # webpack+vue+vueRouter 模块化构建完整项目实例
- vue router学习——动态路由和嵌套路由
- vue-router之实现导航切换过渡动画效果
- 详解新手使用vue-router传参时注意事项
- vue-router路由的使用
- 使用vue-router在Vue页面之间传递数据的方法
- 【vue】vue依赖安装如vue-router、vue-resource、vuex等
- VueRouter2.0的编程式导航
- vue-router的动态路由传对象2种方式
- vue-router的HTML5 History 模式设置
- vue-router Uncaught (in promise) 报错问题
- vue-router 的基本使用
- Vue 爬坑之路(三)—— 使用 vue-router 跳转页面
- vue-router:重定向路由理解
- 详解vue-router 2.0 常用基础知识点之router.push()
- vue router+vuex实现首页登录验证判断逻辑