Vue 中 非单文件组件的创建和使用

于 2022-01-23 12:02:40 发布
阅读量543 收藏
点赞数
分类专栏： 前端 Vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45525653/article/details/122649421
版权
本文详细介绍了在Vue中如何创建和使用非单文件组件，包括创建组件的三个步骤：创建、注册和使用。特别强调了组件内不应包含el配置项，data必须以函数形式定义，并给出了在HTML中使用组件的示例。
摘要由CSDN通过智能技术生成

Vue 中 非单文件组件的创建和使用

组件的创建分为三个步骤：
  • 创建组件
  • 注册组件
  • 使用组件
创建组件和注册组件的方式：

⚠️ 组件里面一定不要有el配置项，最终所有组件都要被一个vm管理，由vm决定服务于哪个容器

⚠️ data只能写成普通函数的形式，不能写成对象的形式（解释起来有点麻烦，有比较好解释的朋友评论区分享一下）

image-20220123114905900

使用组件：

在html标签内使用 <组件名></组件名> 的方式使用组件

附录（测试代码）

<!DOCTYPE html>
<html>
<head>
    <meta charset
最低0.47元/天 解锁文章
ChuanYang Chen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值