vue组件的3种书写形式

最新推荐文章于 2023-06-10 12:47:44 发布

lklmr

最新推荐文章于 2023-06-10 12:47:44 发布

阅读量274

点赞数

分类专栏： vue学习📒

本文链接：https://blog.csdn.net/lklmr/article/details/119795614

版权

本文介绍了Vue.js中组件的三种书写形式：使用script标签、template标签以及单文件组件（.vue文件）。单文件组件是Vue单页应用中常见的方式，详细内容可参考Vue官方文档。

摘要由CSDN通过智能技术生成

第一种使用script标签

<!DOCTYPE html>
<html>
    <body>
        <div id="app">
            <my-component></my-component>
        </div>

        <-- 注意：使用<script>标签时，type指定为text/x-template，意在告诉浏览器这不是一段js脚本，浏览器在解析HTML文档时会忽略<script>标签内定义的内容。-->

        <script type="text/x-template" id="myComponent">//注意 type 和id。
            <div>This is a component

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lklmr

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue组件的3种书写形式

第一种使用script标签<!DOCTYPE html><html> <body> <div id="app"> <my-component></my-component> </div> <-- 注意：使用<script>标签时，type指定为text/x-template，意在告诉浏览器这不是一段js脚本，浏览器在解析H
复制链接

扫一扫