Vue項目中的is屬性

Vue項目中的is屬性

• is: 可以直接傳遞一個組件
• :is: 查找父組件中的一個賦值，然後找到相應的組件

<div id="app">
	<span>這是is=“show"的demo</span>
	<component is="show"></component>
	<span>這是:is=“show"的demo</span>
	<component :is="show"></component>
</div>
<script>
	Vue.component('one',{
		template:"<div>one</div>"
	})
	Vue.component('show',{
		template:"<div>show</div>"
	})
	var vm = new Vue({
		el:'#app',
		data（）{
			return {
				show: 'one'
			}
		}
	})
</script>

運行結果：

這是is=“show"的demo

show

這是:is=“show"的demo

one