登录免费注册



主面板配置

首页  思维导图  详情



主面板配置

2021-04-02 10:13:27   11  举报





AI智能生成

主面板配置

高效工作方式

资产管理

模版推荐

作者其他创作

大纲/内容

1. 引入路由

1. 下载vue-router

yarn add vue-router --save

2. 一级路由配置

router/index.js

1. 引入对应模块

import Vue from &apos;vue&apos; import VueRouter from &apos;vue-router&apos;

2. 声明使用

Vue.use(VueRouter)

3. 输出路由对象

export default new VueRouter({ // 所有路由 routes: [ ... ] })

4. main.js中使用路由

引入路由器

import router from &apos;./router/index&apos;

配置

new Vue({ el: &apos;#app&apos;, router, // 配置路由器 render: h =&gt; h(App) })

注意

1. 配置完成路由后, 会增加了几个组件 &lt;router-link&gt;&lt;/router-link&gt; 、&lt;router-view&gt;&lt;/router-view&gt;、&lt;keep-alive&gt;&lt;/keep-alive&gt;

2. 配置完成路由后, 增加了两个属性供访问使用: $router 、$route

5. App.vue中进行组件化

1. 引入

&lt;script&gt; // 1. 引入需要的组件 import TabBar from &apos;../src/components/TabbBar/TabBar&apos; export default { name: &quot;App&quot;, components: { TabBar } } &lt;/script&gt;

2. 实例

&lt;template&gt; &lt;div&gt; &lt;!--路由组件--&gt; &lt;router-view&gt;&lt;/router-view&gt; &lt;!--底部选项卡--&gt; &lt;tab-bar&gt;&lt;/tab-bar&gt; &lt;/div&gt; &lt;/template&gt;

3. 调试运行

切换url, 检查是否跳转

追踪面板指引玩家完成指定任务流程

 Collect

Get Started

追踪面板指引玩家完成指定任务流程

 Collect

Get Started

前端配置

 Collect

Get Started

站点配置

毕设_checkstyle配置

 Collect

Get Started

毕设_checkstyle配置













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document