vue动态组件加载

最新推荐文章于 2025-07-03 11:56:45 发布

milli236

最新推荐文章于 2025-07-03 11:56:45 发布

阅读量3.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue.js 文章标签： vuejs vue

本文链接：https://blog.youkuaiyun.com/milli236/article/details/80522231

Vue.js 专栏收录该内容

40 篇文章

订阅专栏

1.html

  <component :is="currentView" ></component>

2.js

Vue.component("child1", {
	template: '<p>hell child1</p>'
})
Vue.component("child2", {
	template: '<p>hell child2</p>'
})
new Vue({
	el: '#root',
  data: {
		currentView: 'child1',
    active: 0,
    tabs: [
    	{
      	type: 'child1 tab',
        view: 'child1'
      },{
      	type: 'child2 tab',
        view: 'child2'
      }
    ]
	},
  methods: {
  	toggle(i,v) {
      this.active = i
			this.currentView = v
		}
  }
})

参考：https://jsfiddle.net/2kn4hqts/