# 安装

注意

请确保你的 Node.js 版本 >= 8.6,旧的版本可能存在错误。

# NPM

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

推荐使用 yarn

yarn add vue-router-tab
1

你也可以用 npm

npm i vue-router-tab -S
1

# CDN

你可以通过 cdn.jsdelivr.net/npm/vue-router-tab (opens new window) 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入样式 -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/vue-router-tab@1.2.5/dist/lib/vue-router-tab.css"
/>
<!-- 引入组件 -->
<script src="https://cdn.jsdelivr.net/npm/vue-router-tab@1.2.5" />
1
2
3
4
5
6
7

RouterTab 也可以在 unpkg (opens new window) 上获取。

# 构建开发版

如果你想使用最新的开发版,就得从 GitHub 上直接 clone,然后自己 build 一个 vue-router-tab

git clone https://github.com/bhuh12/vue-router-tab.git node_modules/vue-router-tab
cd node_modules/vue-router-tab
yarn
yarn lib:build
1
2
3
4

# Polyfill

Vue Router Tab 使用 Vue CLI (opens new window) 来构建库,没有内置 Polyfills。

如果您的项目有兼容旧版本浏览器的需求,可以参考以下配置,通过 Babel 显式转译依赖

参考文档: Vue CLI - 浏览器兼容性 (opens new window)

vue.config.js

module.exports = {
  transpileDependencies: ['vue-router-tab']
}
1
2
3
上次更新: 2021/3/26 下午2:46:50