阿小绿的博客

vue3导入模板时报错。

前端：yarn安装的时候报错解决方法 The platform “win32“ is incompatible with this module

vue3.0组件命名

使用Vite创建Vue3+ElementUI项目（TypeScript或JavaScript）NPM方式下载element-plus（官方教程地址：https://element-plus.gitee.io/zh-CN/guide/installation.html）$ npm install element-plus --save完整引入ElementUi// main.tsimport { createApp } from 'vue'i..

<template> <div>我是Vue3的父组件</div> <!-- 我现在要把我儿子Son引入进来 --> <Son @hello="getHello" school="北京大学" hobby="敲代码"> <template v-slot:qwe> <span>南京大学</span> </template> <!-- api兼容问题，目前

Vue3究竟给我们带来了什么？①性能的提升打包大小减少41% 初次渲染快55%,更新渲染快133% 内存减少54%…②源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking…③拥抱TypeScriptVue3可以更好的支持TypeScript④新的特性Composition API（组合API）setup配置ref与reactivewatch与watchEffectprovide与inje..

注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data、methos、computed…）中可以访问到setup中的属性、方法。但在setup中不能访问到Vue2.x配置（data、methos、computed…）。如果有重名, setup优先。setup不能是一个async函数，因为返回值不再是return的对象, 而是promise, 模板看不到return对象中的属性。（后期也可以返回一个Promise实例，但需要Suspense和异步组件的配合）最近在了解学习vue

资料来源于：b站P140视频 - https://www.bilibili.com/video/BV1Zy4y1K7SH?p=144&spm_id_from=pageDriver

需要注意的点是：之所以ref可以请求到对象，是因为他底层偷偷请求了reactive函数然后去处理对象（reactive把对象数据转成proxy实例对象。）