**
vue中模板和组件分离
**
第一种：使用script，将其类型跟改为text/x-template。代码示例如下：
<!-- 第一种方式: 使用script -->
<script type="text/x-template" id="comp2">
<div>
<h2>组件和模板分离的写法1</h2>
</div>
</script>
我们给模板设置好id之后，再进行模板的注册
Vue.component('comp2', {
template: comp2
})
下面直接调用组件即可
<div id="app">
<comp2></comp2>
</div>
第二种template写法
比较受欢迎，比较方便，比较推荐的一种写法
<template id="comp3">
<div>
<h3>组件模板分离的第二种写法</h3>
</div>
</template>
使用template标签, 并为其定义一个id, 组件的定义是一样的
Vue.component('comp3', {
template: comp3
})
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
