vue3路由的配置

使用 vue3 配置路由,步骤如下
vue3路由的配置_第1张图片

目录:
1.安装路由
2.新建页面
3.新建router文件夹里面放index.js跟router.js:index.js放配置,router设置路由
4.main中导入注册
5.使用
6.效果

1、安装路由

npm install vue-router@4

2、新建页面

这里创建 view目录,然后在view目录下创建 A.vue B.vue 两个 vue页面文件

vue3路由的配置_第2张图片

或者还可以在compoents里面创建

vue3路由的配置_第3张图片

A.vue内容

<template>
  <div>a</div>
</template>

<script>
export default {
   
  name: '',
  data() {
   
    return {
   };
  },
  mounted() {
   },
  methods: {
   },
  computed: {
   

你可能感兴趣的:(vue3路由配置,vue,vue3)