vue

最新推荐文章于 2023-06-08 22:07:49 发布

my威化饼干

最新推荐文章于 2023-06-08 22:07:49 发布

阅读量108

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/wafer_biscuit/article/details/115917084

版权

npm install vue-router --save
安装VUE路由，--save是因为在上线后还要使用
使用脚手架导入的话就不用安装了

这是自动创建的标准代码（来自src/router/index.js）

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})


删除helloworld和app中相关样式后，正式拿到了一个空白界面

router-link--->用于跳转vue组件,vue已经注册了的全局组件
router-view--->用于看vue组件在什么地方渲染（相当于占位符）