您的位置:首页 > 娱乐 > 八卦 > 【Vue】- Vue应用

【Vue】- Vue应用

2024/10/7 2:21:00 来源:https://blog.csdn.net/sinat_24542619/article/details/142284785  浏览:    关键词:【Vue】- Vue应用

文章目录

  • 知识回顾
  • 前言
    • Vue应用
  • 源码分析
    • 1. 组件化开发
    • 2. 组件注册与使用
    • 3. 组件样式冲突scoped
    • 4. 组件通信
  • 拓展知识
    • 设置默认值
  • 总结


知识回顾

前言

Vue应用

源码分析

1. 组件化开发

组件化概念
组件化:一个页面可以拆分成一个个组件,每个组件有着自己独立的结构、样式、行为。
好处:便于维护,利于复用 → 提升开发效率。
组件分类:普通组件、根组件。

2. 组件注册与使用

组件注册与使用

  1. 基础概念
    ● 组件的注册方式: 局部注册 和 全局注册
    ● 局部注册:只能在注册的组件内使用; 全局注册: 所有组件内都能使用
    ● 使用组件: 当成 html 标签使用 <组件名></组件名>

一般都用局部注册,如果发现确实是通用组件,再抽离到全局

import { createApp } from 'vue'
import App from './App.vue'
import HmButton from './components/HmButton

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com