一段代码给 vue 的应用实例添加全局功能。它的格式是一个暴露出 install（） 方法的 Object，或者一个 function。
动态组件[1]是 Vue3 中非常重要的一个组件类型，它可以让我们在不同的场景下灵活地渲染不同的组件。
Props 是任何现代 JS 框架的重要组成部分。在组件之间传递数据的能力是Vue项目的基本要素。 Vue3 中，在组件中访问Props的方式与 Vue2 会有所不同。
先上Vue3组件的实例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="http
本文主要介绍了在Vue中使用的一些常见混淆用法，包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等，以及如何使用混淆器对代码进行加固，保护应用安全。
npm地址 github源码 (三) button组件开发 目录结构： button组件相关代码文件的层次结构划分 image.png 考虑按需导入的使用方法 按需导入时，项目中需要安
这样会将已经定义好并导入的比如 Image 组件加载出来，但是如果将需要展示的自定义组件放在一个数组中，遍历展示，则无法展示成功。
我们在注册组件的时候，我们都会给组件起一个名字，就好像我们人的名字一样。需要注意的是，我们的组件名字是有一些规范的，一般这种单文件组件，我们强烈推荐使用字母全小写且必须包含一个连字符，全部小写字母，单词使用中华线 - 隔开。
在这里汇总一下每次都会忘记或者一直没搞懂的知识点,方便自己以后回来看。大家也可以看看就当做是复习啦~ vue的设计模式: MVVM
首先如果我们使用的是volar，在 tsconfig.json 中通过 compilerOptions.type 指定全局组件类型。
在日常 Vue 项目中，大概率会用组件库辅助开发，所以 递归组件 的出镜率可能不会非常高。但这并不代表 递归组件 不重要。
一个插件可以是一个拥有 install() 方法的对象，也可以直接是一个安装函数本身。
一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。
实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。
前一段时间有给大家分享一个Electron+Vue3.x短视频，今天再分享最新开发的Electron桌面端后台系统。
在通过 app.component 注册一个组件时，第一个参数是组件的名称，定义组件名的方式有两种：
最近使用element-plus开发项目，发现element-plus废弃了Font Icon 使用了 SVG Icon。需要在全局注册组件，或者按需引用。
vue3也发布很长时候了，官方也将默认版本切换为vue3，而且也出现了完善的中文文档，不知同志们是否已经使用了了呢？
上一篇中我们已经把组件的基础架构和文档的雏形搭建好了。下面我们从最简单的 button 和 icon 组件入手，熟悉下 vue3 的语法结构和组件的单元测试。看这篇文章前最好了解下 vue3 的语法和 compositionAPI，基本就能了解代码为何如此书写，和 vue2 有哪些不同。
之前利用业余时间开发了一个 Vue 插件，那会市场还是 Vue2 的时代。如今，Vue3 已然成为了必然趋势，为了让项目有更长的生命周期，有必要升级一下，让这个库也支持 Vue3。
链接：https://juejin.cn/post/6858558735695937544#heading-153
h 函数本质就是 createElement() 的简写，作用是根据配置创建对应的虚拟节点，在vue 中占有极其重要的地位！
这种方式有点类似动态组件component的方式,即加上v-is属性,都能实现组件内容的输出.
单页面应用程序（英文名：Single Page Application）简称SPA，顾名思义，指的是一个web网站中只有唯一的一个HTML页面，所有的功能和交互都是在这唯一的一个页面内完成。
在我们的日常开发中，我们一般会引入做的比较成熟的第三方UI框架，比如ElementUI。
随着vue在国内的越来越火，也应运而生了很多的优秀的UI组件库。都很有特点，也比较好用。如大家都能耳熟能详的 element-ui 和 Ant Design Vue都是非常不错的。可惜的是 element-ui 不再维护升级vue3了，不过它的继任者 element-plus确实正在如火如荼的开发着，支持vue3。喜欢 element-ui的一定不要错过它。
在Vue3中，侦听器的使用方式与Vue2相同，可以使用watch选项或$watch方法来创建侦听器。不同之处在于，Vue3中取消了immediate选项，同时提供了新的选项和API。
Tipes: 封装弹框组件使用了Teleport，避免了组件嵌套可能导致的定位层级的隐患，还使用了defineProps，defineEmits，插槽增加了组件的拓展性。
ps: 上图中，一种颜色代表一个功能，我们可以看到Options API的功能代码比较分散；Composition API则可以将同一个功能的逻辑，组织在一个函数内部，利于维护。
而且 Element Plus + Vite 也出了一段时间了，是时候该上手体验分享一波了。
在本文中，我们将着眼于应该采用的实践，应该避免的事情，并仔细研究一些有助于编写 Vue.js 的有用工具。 我将主要关注 Vue 2，因为大多数人和组织仍在使用旧版本。 不过不用担心，因为这里提到的大多数内容仍然适用于 Vue 3，因为它只是一个增压和更快的版本。 不过，如果您已经了解 Vue 2 并且只想了解 Vue 3 中的新功能，那么您可以查看迁移指南以了解更多信息。
前面的笔记 —— 《Vue3 | 组件的定义及复用性、局部组件、全局组件、组件间传值及其校验、单项数据流、Non-props属性》，单向数据流的概念， 即子组件无法修改来自父组件的数据字段， 如果确要修改，可以使用下面说的方式进行通信： 首先，在子组件的UI点击回调方法中，调用this.$emit('【自定义事件名】')， 向外发送一个事件； 接着各级父组件会收到这个事件， 则在父组件中 调用 子组件标签处， 以 @【事件名】= "回调方法名"的形式，监听该事件以及配置回调方法； 回调方法中即可 对 子组件意图修改 的 父组件数据字段 进行修改；
组件是当作自定义元素使用的，元素可以有属性和内容，通过组件定义的prop接收属性值，可以解决属性问题，那么内容呢？这可以通过<slot>元素解决。此外，插槽(slot)也可以作为父子组件之间通信的另一种实现方式。 下面是一个简单的自定义组件。
3-2 git flow 多人协作流程讲解（详细讲解大厂git flow流程) 点击查看【processon】
2.这边是使用npm创建vite，输入npm create vite@latest ,使用yarrn 可输入 yarn create vite，会有提示，一步步选择vue即可
这里的vite-app是一个新项目，它的官方介绍是一个快速的WEB开发构建工具。这里我们试了一下，整个构建过程十分的快速。和以往的webpack build的方式不一样，它使用了原生ES模块加载。
作为技术人员，随时保持技术同步是很重要的事情。虽然Vue3已经发布很长时间了，现在开始保持更新也还不晚。新项目可以拿来练练手XD，老项目就不建议升级了。本篇文章整理自官方文档-BreakingChanges部分
比如我们想开发一个可以点击加一的计算按钮，而且这个按钮是到处可以使用的，所以我们需要将他封装成一个组件的方式，这样就可以在各个地方引入，在 src/main.js 写下如下代码：
vue2开发过项目的，想直接上手vue3很快，几个API熟悉了就够了，其它的特性在使用vue3的过程慢慢去了解。任何在熟悉了使用之后再去研究一些API的原理，慢慢就能把vue3掌握。
在2020年9月19日，vue更新了3.0的正式版，不知不觉，已经过去了好几个月了，作为一位前端切图仔，是时候开始学习了，每次抱着准备学、再等等、明天说的想法，成功在发布了两个多月的时候来认真学习了一波，这里来总结一下vue3到底有哪些更新，来帮各位没有时间去了解vue3的朋友来一次快速入门。
在html中的话，我们需要引入https://unpkg.com/http-vue-loader，具体如下
组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：
技术基础 使用vue3+ts(x)作为基础 总纲 技术是服务于业务需求的 技术的选型是依据场景的 技术随着业务变化需要迭代的 注意事项与规范 项目工程规范 组件命名方式使用 ls-lint 进行校验，组件名称必须大写开头，修改目录 .git 文件中 config，ignorecase = False 防止出现文件大小写的问题 git 提交规范使用，可以使用 git-cz 做 git commit (): 项目中代码使用 gitHooks 进行代码 prettier 和 eslint 保证跨
插件是为Vue应用添加可重用功能的好方法。有了大量用于组件、路由等的现有插件，Vue的生态系统为许多常见的用例提供了解决方案。
什么是 非 Prop 的 Attribute 呢？就比如我们的 DOM 元素自带的属性 class，style ，id，href 等等。
在页面应用程序中，经常会遇到多标签页面，在Vue.js中，可以通过动态组件来实现。组件的动态切换是通过在<component>元素上使用is属性实现的。
用Vue也写过不少项目了，科技立项的个人网盘以及这个寒假写的短链站、禁书目录等等。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
