template和script也可以自定義創(chuàng)建組件
<div id="app">
<my-div></my-div>
</div>
<template id="my-div">
<!--只能有一個出口，所以用div包起來-->
<div>
<p>說你是豬茸歧！</p>
<input type="text" placeholder="說你是豬">
</div>
</template>
<script src="js/vue.js"></script>
<script>
Vue.component('my-div',{
template: '#my-div'
});
new Vue({
el: '#app'
});
</script>
使用
<script id="my-div" type="test/template">
<div>
<p>說你是豬混巧！</p>
<input type="text" placeholder="說你是豬">
</div>
</script>
也可以代替template规惰，但是用的最多的還是template
