A vue.js tabs framework replacing the URL-ROUTER for Vue2.0 (多 tab 页轻型框架,在多 tab 系统中替代路由)
- // tabs.js
- // config
- import Hello from './components/Hello'export
- default[{
- name:
- 'home',
- // name UNIQUE
- title: '首页',
- // tab's title
- component: Hello
- },
- {
- name: 'test1',
- title: '测试1',
- component: {
- template: '<h2>测试1</h2>'
- }
- }]
- import VueTaber from 'vue-tabs'import '../vue-tabs.CSS'import tabs from './tabs.js'const vueTaber = new VueTaber({
- tabs
- }) Vue.use(VueTaber) new Vue({
- el: '#app',
- taber: vueTaber,
- template: '<App/>',
- components: {
- App
- }
- })
- <div id="app">
- <vue-tabs>
- </vue-tabs>
- </div>
- this.$taber.open({
- name: item.name
- })
来源: http://www.tuicool.com/articles/NrUJvmJ