使用script或template标签:分离js代码templa
2019-07-16 本文已影响0人
前端召唤师
参考：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>
