一、默认进行懒观察（lazy observation） 在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「
首先，在安装VUE3之前，请先卸载已经安装的VUE2，即卸载vue-cli： npm uninstall -g @vue/cli 一、通过Vue-cli创建我们的项目 1、全局安装Vue-cli： yarn global add @vue/cli# ORnpm install -g @vue/cli# ORcnpm in
vue3子组件调用父组件方法，除了this.$parent之外，还有$emit，这个和Vue2一样，但是，vue3多了个emits对调用之前进行参数判断，用法如下： 接收消息方（父组件） template v-login @submit='doLog
Vue3.x以后从实例中移除了 $on ， $off 和 $once 方法，$emit 仍然是现有 API 的一部分，只能实现子组件触发父组件的方法。 mitt插件地址： https://github.com/developit/mitt 使用mitt之前先安装mitt模块
1、单个v-mode数据绑定 默认情况下，组件上的v-model使用modelValue作为prop和update:modelValue作为子组件更新父组件值的事件。我们可以通过向v-model传递参数来修改这些名称： 父组件： templa
Vue 实现了一套内容分发的 API，将 slot 元素作为承载分发内容的出口，在调用组件时，可以在组件的标签中间插入文字、html内容或变量。 下面为案例： 1、自定义一个按钮组件 templateb
在 Vue3自定义组件slots 中，介绍了如何使用slot为自定义组件插入内容，这里介绍如何设置slot的默认值： 下面为案例： 1、在自定义组件的slot中间，加入默认的内容，可以是变量、文字和
vue3全局引入和vue2不太一样，点击查看： vue2全局引入方法 。vue3全局引入方法步骤如下： 1、新建js，导出您的方法： var func = { msg(){ alert(111) }}export default func; 2、在main.js全局引入 impor
本案例利用VUE3的teleport实现了简单的模态框代码，将模态框生成的代码放在了VUE模块的外面，body的里面，这样z-index更加容易控制。并利用双向绑定实现了点击子组件灰色遮罩，隐藏自己
vue3抛弃了vue.use等方法，当使用下面的方法时： import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter) 会提示错误： Property 'use' does not exist on type 'typeof import
hash路由就是带 的路由，history就是不带 的路由，hash路由打包后不需要配置，直接就能访问，history需要在nginx中配置才能正确访问。vue3
本文作者：昵称不用太拉风，转载自简书。。著作权归作者所有。Vite 和 Vue3 在 2022 年应该不算个新事物了，但应该也有很多像我一样还
使用 vite 安装 vue3 时，如果使用了 process env，会遇到 process 未定义的情况，原因是 process env 已经被移除了。解决办法是
Element-plus是Element-ui基于Vue3的升级版，全面支持vue3和ts。在Vue3的项目中如何使用Element-plus的Icon图标，包括按钮和动态菜单？
什么是globalThis：全局属性 globalThis 包含全局的 this 值，类似于全局对象（global object）：functioncanMakeHTTPRequest(){retur
ref和reactive是vue3基于组合式api模式下，在setup中用于声明的具有响应式的数据的方法。
ref也可以用来定义对象或者数组类型的数据，内部会通过reactive转为代理对象
vue2的$refs可以获取dom节点，但是vue3没有this，所以不能这么使用，可以用下面的方式实现
Vue生命周期是指vue实例对象从创建之初到销毁的过程。
我爱模板网层分享一篇关于vue3使用ref的文章：vue2 $refs在vue3中的使用方法，但那个是静态的ref，使用方法如下
resolve 具体工作方法我的理解就是从后往前先找绝对路径，如果找到了就以这个路径为开头，如果没有找到绝对路径，就以当前文件所在的工作目录为开头。
vue3的defineProps、defineEmits和defineExpose在vue3中，如果是script setup新语法糖中，则使用非常广泛，这里总结下：definePropsconstp
shallowReactive 与 shallowRef：shallowReactive：只处理对象最外层属性的响应式（浅响应式），如果有一个对象数据，结构比较深, 但变化时只是外层属性变化。shallowRef：只处理基本数据类型的响应式，不进行对象的响应式处理，如果有一个对象数据，后续功能不会修改该对象中的属性，而是生成新的对象来替换
vue2插件编写之前我爱模板网分享过，今天带来vue3的插件封装方法，插件可以是一个公开 install 方法的 object,也可以是 function，包含全局函数和全局组件一起封装
vue3父子组件传值主要有：emit、props、provide和inject、作用域插槽
不论是Vue2中的Vue use亦或者Vue3中的app use。其功能主要是用在插件的安装上，往往是在项目的入口文件（比如main js）中。被use的插件多数是 NPM 中的第三方库 。在必要的时候，也可以封装一个自定义的插件以供团队的使用。这样可以避免反复开发同一个功能。
Vue3 props的写法和vue2差别还是比较大的，它基于defineProps进行定义
ref和reactive是vue3基于组合式api模式下，在setup中用于声明的具有响应式的数据的方法。
vue3 native 修饰符被弃用了
`slot-scope` are deprecated
《编写一个vue3插件并发布它》中的错误
vue3在style中用@import导入的css文件，scoped不生效影响全局样式
假设项目传到 根目录 web 下，那webpack打包的vue2项目，和vite打包的vue3项目，如何配置
vue3实现，amap高德地图，沿着一系列经纬度绘制的Polyline，进行巡航动画。
uni-app vue3 store全局数据共享
在2 X版本中创建一个vue 实例是通过 new Vue()来实现的，到了3 X中则是通过使用createApp这个 API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法
uni-app默认使用的vue2，这次新项目，不能再墨守成规，改成了vue3，之前的store引入方式等都要改了
uni-app vue3公共方法定义，之前提到过一种，参见：uni-app vue3版store使用和在Vue3中使用Vue prototype。但这种由于用到了this，在使用时，如果是composition api或setup语法糖，会更加麻烦，这里推荐一个方法，直接挂载到uni这个全局对象上。
uni-app vue3子组件不显示
vue3 transition 组件使用总结
我爱模板网再做一个小项目，不想使用element plus、antd这种重量级框架，但是又觉得element plus的提示插件很美观，于是就自己动手封装了一个轻量级的，不依赖任何插件的toat提示插件。
我爱模板网用vue3+vite开发项目时，写了个提示插件，为了便于使用，在main js做了全局引入
ck-editor5是一款非常优秀的富文本编辑器，我爱模板网就在开发中使用到了它。下面是按需生成build文件，引入到vue3的方法
v-model在vue中我们经常用它与input输入框的输入值进行绑定，简单的实现原理大家也应该都知道 通过v-bind绑定value值 及结合@input输入事件动态改变绑定的value值来实现双向绑定，如下vue3实现代码
具体的逻辑很简单，先从 binding 中提取出 value 的值，这就是当前控件所需要的权限，然后遍历 usersPermissions 用一个 some 函数，去查看 usersPermissions 中是否有满足条件的值，如果没有，说明当前用户不具备展示该组件所需要的权限，那么就要隐藏这个组件，隐藏的方式就是获取到当前组件的父组件，然后从父组件中移除当前组件即可。
clipboard js可以实现js复制，详见js实现复制、粘贴，clipboard min js的使用
当我们没有使用vue3的setup语法糖，我们可以这么定义name
vue3如何使用eventBus订阅发布模式
我爱模板网开发cms时，采用的是ckeditor5，正常粘贴别的网站内容没问题，但是当我粘贴从腾讯新闻复制来的的文章时，出问题了，403不显示
我爱模板网开发cms时，采用的是ckeditor5，正常粘贴别的网站内容没问题，但是当我粘贴从腾讯新闻复制来的的文章时，出问题了，403不显示
Vue3动态设置ref，在循环中，尤其好用
之前，vue3+webpack使用monaco-editor以及script引入monaco-editor，都没有问题，这次又在vue3+vite上使用到了monaco-editor。 vite没有对应的monaco-editor-webpack-plugin插件，所以，如果直接使用并初始化，可以看到效果，但是会报错
vue3+vite安装和使用scss详细步骤
之前都是用vue-cli脚手架开发的，这次是基于vite4 4脚手架开发的，其实都一样，就是打包配置不一样。
在vue2 0中，我们通过this $route可以获取到当前的路由，然后通过this $router来获取到路由实例来进行路由跳转
这是因为在vue3中上面的useRouter的引入方式是vue3的hooks，因此在js文件中需要导入你创建的router文件即可
关闭vue3运行过程异常出现的errors页面
vue3设置和读取静态ref的方法
vue2、vue3 播放rtsp视频流，拿到rtsp视频流地址如何处理，海康视频rtsp h264如何播放
vue3项目使用tinymce作为编辑器，tinymce默认的视频是不能上传的，仅支持网络地址，官方插件也看了下，没有视频上传插件。客户要求必须能够上传，而且还要限制上传大小。
获取路由有四种方法，获取到的path和fullpath的区别是fullpath会携带参数，所以要根据业务需求获取不同的数据项。
vue3+vite+electron 渲染进程使用ipcRenderer报错，使用require报错
此时可以渲染出对应语言下的title，可是当切换语言无法实时变化，$t 在setup 的声明中不生效原因是本身$t() 该函数并不是一个响应式的方法，所以需要通过Vue3的方法使其变成响应式，这边使用了计算属性来监听
在选项式写法中,in(this)需要指定它在哪个组件实例内部执行，这是为了确保查询的上下文正确。
