首页 > 代码库 > 使用x-template 定义模板

使用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>

 

使用x-template 定义模板