使用x-template 定义模板

demo

<script type="text/x-template" id="myFirstScriptComponent">
<p>this is my first scriptComponent</p>
</script>

使用x-template定义模板，设置id

在vue的实例中使用

new Vue({

　　el:"#app",

　　components:{　　　　

　　　　'script-component-demo':{
　　　　　　template:'#myFirstScriptComponent'
　　　　}

　　}

}

});

html

<div id="app">
    <script-component-demo></script-component-demo>
</div>