[JavaScript知识库]vue路由

路由

1. 路由的基本使用

路由组件

components普通组件
pages路由组件
router路由配置组件
App父组件
main入口

路由配置

<template></template>组件结构
<script></script>组件交互
<style></style>组件样式
export default暴漏
routes一堆路由
import xxx from 'xxx'引入
export default new VueRouter创建并暴露
<router-link></router-link>Vue中借助router-link标签实现路由的切换
active-class样式 to去哪
<router-view></router-view>指定组件的呈现位置

路由的基本使用

路由组件

流程1：创建components在里面创建普通组件配置结构和交互

开通VIP 解锁文章