X-Template

2018-10-18 本文已影响66人林键燃

Vue 提供了另外一种定义模板的方式，在 <script> 标签里使用 text/x-template 类型，并且指定一个 id，将这个 id 赋给 template。

    <my-component></my-component>
    <script type="text/x-template" id="my-component">
        <div>你可以在这个 script 标签中书写模板的HTML</div>
    </script>

    Vue.component('my-component'.{
        template:'#my-component'
    })