X-Template

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'
    })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue学习之x-template 今天,我们来讲一个比较有趣的一个功能吧先来看一段代码示例: 不知大家有没有注意到...
    shandamengcheng阅读 9,632评论 0 5
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,067评论 19 139
  • 朋友还钱,问用什么方式。 可不是么,微信、支付宝、手机银行……现在收钱的方法辣么多。最近通过「龙支付」薅了不少建行...
    小香读财阅读 614评论 0 0
  • 下雨了 榕树的叶子散落一地 我从北方来 找寻自己的远方 现实啊 都是什么模样 踉跄着,然后呢 陌生似乎容易上瘾 不...
    枺一文字阅读 202评论 0 4
  • 忆往事(一) 最近一个人在家呆久了,老爱回忆一些往事...
    平凡好阅读 223评论 0 3