<body>
<div id="app">
<!-- 使用组件 -->
<myc2></myc2>
<mycc></mycc>
</div>
<!-- 组件模板抽离写法1 -->
<script type="text/x-template" id="fl1">
<div>
<h1>我是标题1</h1>
<p>我是全局组件分离写法1</p>
</div>
</script>
<!-- 组件模板抽离写法2 -->
<template id="fl2">
<div>
<h1>我是标题2</h1>
<p>我是全局组件分离写法2</p>
</div>
</template>
<!-- 局部组件模板抽离写法2 -->
<template id="jbfl2">
<div>
<h1>我是标题2</h1>
<p>我是局部组件分离写法2</p>
</div>
</template>
<script src="./vue-2.4.0.js"></script>
<script>
// Vue.component("myc&#
本文探讨Vue中将组件模板拆分为单独文件的实践方法，提高代码可读性和维护性。通过使用.vue单文件组件和Vue的异步组件，详细解析模板分离的步骤和优势。
最低0.47元/天 解锁文章
216
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
