子组件不可以直接改变父组件的数据。这样做主要是为了维护父子组件的单向数据流。每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。如果这样做了，Vue 会在浏览器的控制台中发出警告。
在我们的日常开发中，我们一般会引入做的比较成熟的第三方UI框架，比如ElementUI。
这个问题还折腾了快半个小时，归根到底还是不经常使用的后果，好多代码之前都用过，像封装组件这种还要折腾，简直是不知道说什么好呀，只能以后多使用了。
一般情况下，当我们创建了一个类（本质是构造函数）后，可以通过 new 关键字调用构造函数进而生成任意多的实例对象。像这样：
vue2 的双向数据绑定是利用ES5 的一个 API Object.defineProperty()对数据进行劫持 结合 发布订阅模式的方式来实现的。
Vue 3还没有正式发布，但是维护者已经发布了beta版本，以供我们的用户尝试并提供反馈
createElement函数， 三个参数， 第一个参数是html标签或自定义组件，第二个参数一个obj（包含props， on...等等）， 第三个参数children(通过createElement构建， 或者字符串)
调用Modal时，会报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve directive: ant-portal (found
A.WinForm中窗体显示 显示窗体可以有以下2种方法： Form.ShowDialog方法 （窗体显示为模式窗体） Form.Show方法 （窗体显示为无模式窗体） 2者具体区别如下： 1.在调用Form.Show方法后,Show方法后面的代码会立即执行 2.在调用Form.ShowDialog方法后,直到关闭对话框后，才执行此方法后面的代码 3.当窗体显示为模式窗体时，单击“关闭”按钮会隐藏窗体，并将DialogResult属性设置为DialogResult.Cancel 与无模式
最近的项目里用上了vue和element-ui。vue这种轻量级渐进式框架的舒适自不必说，但一直困扰着我的，是如何方便又优雅的弹出模态dialog...
最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正有能力的插槽是什么？
作为一名前端工程师，我们每天都在和组件打交道，我们也许基于react/vue使用过很多第三方组件库，比如ant design，elementUI，iView等，或者基于它们进行过组件的二次开发，比如业务组件，UI组件等，亦或者觉得团队能力很强，可以不依赖第三方而独立开发属于自己的组件库。无论何种形式，组件开发已然成为我们工作中的必备技能，为了更好的复用性和可维护性，组件化开发是必然选择，也正是因为组件化开发越来越重要，几年前web标准推出了Web Component这一概念，意在解决html原生标记语言复用性的问题。
现在有一个场景，点击新增与编辑都弹框出来进行填写，功能上大同小异，可能只是标题内容或者是显示的主体内容稍微不同
上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。
对象内部通过 defineReactive 方法，使用 Object.defineProperty 来劫持各个属性的 setter、getter（只会劫持已经存在的属性），数组则是通过重写数组7个方法来实现。当页面使用对应属性时，每个属性都拥有自己的 dep 属性，存放他所依赖的 watcher（依赖收集），当属性变化后会通知自己对应的 watcher 去更新(派发更新)
BootstrapVue是一个流行的开源前端框架，它结合了Bootstrap（一个前端UI框架）和vue.js（一个渐进式JavaScript框架），用于创建可重用的UI组件和Web应用程序。
基本上每个项目都需要用到模态框组件，由于在最近的项目中，alert组件和confirm是两套完全不一样的设计，所以我将他们分成了两个组件，本文主要讨论的是confirm组件的实现。 组件结构 <tem
react和vue的业务逻辑是差不多，vue在react上封装了更简洁的方法，使用起来更加的便捷，如：提供了便捷的指令（v-for,v-if,v-model），还提供了更多的属性（computed,watch），我还是比较喜欢用react的，更接近js原生，更容易于理解它。
同名钩子函数将会混合为一个数组，都将被调用到，但是混入对象的钩子将在组件自身钩子之前调用。
Vue 3.0 的设计目标是在保持 Vue.js 核心框架的易用性和灵活性的同时，对性能进行大幅度提升、提高可维护性、并引入更多的新特性。主要的优化和新特性如下：
然后又无意间刷到“Portal”，才知道Modal的实现还有如此妙的方式，顺而想着干脆把UI组件库的实现原理看完。
链接：https://juejin.cn/post/6858558735695937544#heading-153
在文章《Vue组件开发三板斧：prop、event、slot》中聊了常用的组件开发常用API和一些采坑心得，这里，再说说一些可能不太常用的高级玩法，可参考https://cn.vuejs.org/v2/api/。
组件就是可复用的Vue实例，在开发过程中，我们可以把重复使用的功能封装成自定义组件，以达到便捷开发的目的。
在 Vue 中，插槽（Slot）是一个非常重要的概念，它允许我们在组件中定义一些可供父组件填充内容的区域。
在组件入门这篇教程中，学院君已经给大家演示了插槽（slot）功能的基本使用，插槽的主要作用就是在组件中分发父作用域的内容，这个父作用域可以是 Vue 全局容器（可以看作是一个全局的「根组件」），也可以是父组件。
模态框（弹出层对话框，Modal Popup）在大多数现代应用程序中非常常见。它们主要用于呈现简洁的信息，非常适合显示广告和促销内容。模态框提供了一种快速传达信息的方式，并提供了用户友好的关闭选项。
Vue3.0 在去年9月正式发布了，也有许多小伙伴都热情的拥抱Vue3.0。去年年底我们新项目使用Vue3.0来开发，这篇文章就是在使用后的一个总结， 包含Vue3新特性的使用以及一些用法上的变更。
在vue2.0时代，我们经常会有这样的需求，写代码逻辑的时候希望将组件写在某个模板之下，因为这样我们很好的使用组件内部的状态数据，控制组件的展示形态。但是从技术的角度上我们又希望将这段代码移到DOM中Vue app之外的其他位置。
项目中经常会遇到增改查的需求，通常采用不同的路由指向同一个页面组件，以此到达复用页面的功能，但是复用页面存在一些状态问题。
前言 在我写终结篇的日子里，Vue版本稳定在2.9.1。当我摸清Vue的脉络之后，以一个爬坑无数的亲历者的身份，谈谈我在MVVM时代里遇到的那些事儿。 接下来，正文从这开始~ 好多童鞋学习Vue都有灯下黑的误区，比如，观看各种Vue入门的视频教程，翻阅各种Vue学习笔记的技术博客，闲逛各种号称Vue技术交流的大群。。。殊不知你们都在骑驴找马绕远路。其实通向MVVM时代最笔直的一条大路，就是看官方文档，简单粗暴有疗效。如果看一遍还不明白，那就多看几遍。书读百遍其义自见，就是这个理儿。你跟着官方文档走一遍，然后
Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类
Vue.js 因其简单性、反应性和强大的生态系统而在前端开发人员中获得了广泛的欢迎。随着 Vue.js 3 的发布，Vue 应用程序中的状态管理变得更加高效和灵活。在本文中，我们将深入探讨 Vue.js 3 状态管理，涵盖基本概念并提供实际示例。
在这个数字化时代，人工智能技术正以惊人的速度改变着我们的生活方式和创造方式。音乐作为一种最直接、最感性的艺术形式，自然也成为了人工智能技术的应用场景之一。今天，我们将以 Vue 和 Node.js 为基础，利用现有的 API 来快速搭建一个 Suno AI 音乐站点。让我们一起探索这个令人兴奋的过程吧！
Avoiding iOS bug:UIWebView with file input doesn‘t work in modal view controller
虽然 vue2 到 vue3 的实现大改，但在用法上变化基本不大，比较明显的一个变化就是添加了 setup(){} 函数了，几乎所有的配置变成了以函数的方式进行定义。即使是这样，但小改动还是很多的。本文主要分享的是 vue 2.x 与 vue 3.x 之间一些常见用法的差异。虽然记录的不多，但也不算少。本文资料来源：github.com/vuejs/rfcs/…
我不是 Angular 的布道者，但如今自称 Angular 派，使用 Angular 做项目让我有一种兴奋感。目前的三大主流前端框架都研究过，博客中也有三者的相关教程，最早接触的是 React，但是并没有实际的项目经验，只做过一些 Demo 。使用 Vue 做过一个比较复杂的移动端大数据项目，技术栈采用 Framework7 + Vue + Vuex，整体效果还是满意的。
我们的目标是设计一个后端RESTful API，由Python和Flask提供支持。API本身应该遵循RESTful设计原则，使用基本的HTTP请求方式:GET、POST、PUT和DELETE来完成。
是。 CKEditor 5与我们目前所听到的每个JavaScript框架兼容。 CKEditor 5是一个JavaScript富文本编辑组件（相当复杂但仍然如此），它不需要使用任何不常见的技术或技术。 因此，除非您使用的框架具有非常典型的限制，否则CKEditor 5与之兼容。
我们用 vite 搭建一个 Vue3 + TS 项目，我会使用 <script setup lnag="ts"> 和<script lang="ts"> 混合编程的方式来实现
我们用 vite 搭建一个 Vue3 + TS 项目，我会使用<script setup lnag="ts">和<script lang="ts">混合编程的方式来实现
但是以上两个思路均有问题。如果设置border，如何使其边框动画？如果周边设置4个div，那么不仅是需要js操控，并且无形之中增加了许多复杂度，与编程思想背道而驰。 那么我们还有别的办法来处理使边框动起来吗？首先，动画是一定要有的。其次，如果不能用border，那么用background怎么样呢？ justdoit.
Tipes: 封装弹框组件使用了Teleport，避免了组件嵌套可能导致的定位层级的隐患，还使用了defineProps，defineEmits，插槽增加了组件的拓展性。
注意：这个组件的创建无需在页面中书写任何标签，是一个js插件，在需要展示消息提示的位置直接调用提供的js插件方法即可。
说在正文之前：封装的FastDialog-Vue适用于页面级Vue开发，即采用引入Vue.js来进行html页面开发
对单页应用实行代码分割，是提高页面加载速度的一种很好的方式。因为用户不必在一次请求里加载完所有的代码，能够更快的看到页面并进行交互，这将会提升用户体验（特别是在移动端）；同时因为 Google 会给加载缓慢的网站降权，代码分割也对 SEO 有好处。
从感性的角度讲，我是不屑于用VUE，觉得react套件用起来更顺手，但是vue现在越来火，所以也不得入vue(杂烩汤)的坑。
只要是没有具体分配的内容，都会给到匿名插槽或者 同时在子组件中需替换为用于占位，即在modal组件中自定义的内容都会显示在slot占位的位置
2020 年 9 月 18 号，尤大大发布了 Vue 3.0，代号 One Piece。同时中英文版本的文档相继出来，笔者也去通读了一遍，发现很多宝藏，其中有个新特性非常吸引我——Teleport（中文译为：传入，读着有点奇怪，本文统一以英文 Teleport 来讲）
在 Vue2 组件中，设置一个全局样式，我们通常是新建一个 <style> 标签，如：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
