十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
小编给大家分享一下vue.js怎么配置路由,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联建站自2013年创立以来,是专业互联网技术服务公司,拥有项目成都网站建设、成都做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元东丰做网站,已为上家服务,为东丰各地企业和个人服务,联系电话:18982081108
vue.js配置路由的方法:1、安装vue-router;2、引用vue-router;3、配置路由文件,如【var router = new VueRouter({routes:[{path:"/hello",component...】。
本文操作环境:windows10系统、vue.js 2.9、thinkpad t480电脑。
vue.js配置路由的方法步骤如下所示:
安装
npm install --save vue-router
引用
import VueRouter from 'vue-router'
配置路由文件
var router = new VueRouter({ routes:[ { path:"/hello", component:HelloWorld }, { path:"/wen", component:HelloWen } ] }) new Vue({ el: '#app', components: { App }, router, template: '' })
视图加载的位置
默认App.vue文件中加
跳转导航
helloword (渲染出来的是a标签)
以上是“vue.js怎么配置路由”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!