vue中is与:is的区别

简略回答

假设父组件中有一个show数据,show="one"
:is="show"-->实际上是is="one"

is="show"-->实际上就是is="show"

详细解释

<div id="app">
	<span>这是  :is="show"的案例</span>
	<component :is="show"></component>
	<span>这是  is="show"的案例</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: {
			show: 'one'
		},
	})
</script>

结果