js 使用script或template标签:分离js代码template中的HTML元素
Posted linjiangxian
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 使用script或template标签:分离js代码template中的HTML元素相关的知识,希望对你有一定的参考价值。
参考:https://www.jianshu.com/p/332252abe016
方法一. script:
<div id="app"> <com-first></com-first> </div> <script type="text/x-template" id="comFirst"> <div>component 1</div> </script> <script> Vue.component(‘com-first‘, template: ‘#comFirst‘ ) new Vue( el: ‘#app‘ ) </script>
方法二. template:
<div id="app"> <com-first></com-first> </div> <template id="comFirst"> <div>component 1</div> </template> <script> Vue.component(‘com-first‘, template: ‘#comFirst‘ ) new Vue( el: ‘#app‘ ) </script>
以上是关于js 使用script或template标签:分离js代码template中的HTML元素的主要内容,如果未能解决你的问题,请参考以下文章