template和script也可以自定义创建组件
<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