1. 首页>
  2. 技术文章>
  3. vue学习第14天

vue学习第14天

11/4/23 9:15:05 PM 浏览 892 评论 0

vue

VueRouter路由的使用:
1)ctrl+c先退出,VUE2下载VueRouter到当前工程,版本3.6.5

npm add vue-router@3.6.5

2) 引入

import VueRouter from 'vue-router'

3) 安装注册:

 Vue.use(VueRouter)

4) 创建路由对象

const router = new VueRouter()

5) 注入到new Vue中,建立关联:

new Vue({
  render: h => h(App),
  router //router:router的缩写
}).$mount('#app')

npm run serve运行,发现地址栏多了/#/

网友讨论