VUE组件模板的分离

最新推荐文章于 2023-07-03 13:18:03 发布

Paranoid_truggle

最新推荐文章于 2023-07-03 13:18:03 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.csdn.net/Paranoid_truggle/article/details/119609054

本文探讨了Vue.js中组件模板的分离，解释了为何进行模板分离，详细介绍了如何实现组件的HTML模板与JavaScript逻辑的解耦，以及这种方式对代码组织和维护的益处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template id="cpn">
<div>
    <h2>我是标题</h2>
    <p>我是内容</p>
</div>
</template>



<script src="../js/vue.js"></script>
<script>
    Vue.component('cpn',{
        template:`#cpn`
    })


    const app = new Vue({
        el:'#app',
        data:{
            message:'你好啊',

        }
    })
</script>