1、Vue3的优势



2、创建Vue3工程
前提:node -v 查看node版本,需要在16.0及以上
创建命令 npm init vue@latest,先安装create-vue然后创建项目

然后执行npm run dev 提示
sh: vite: command not found,需要执行npm i重新安装依赖,之后再执行npm run build,再执行 npm run dev 可以正常运行了
更换npm淘宝源
-
首先打开命令提示符或者终端。
-
输入以下命令来查看当前的镜像源设置:
npm config get registry。如果显示为默认值https://registry.npmjs.org/,则说明已经使用了官方镜像源。 -
若想切换到其他镜像源,可以通过运行以下命令将镜像源修改为淘宝 NPM 镜像(也称为 cnpm):
npm config set registry https://registry.npm.taobao.org/. -
确保新的镜像源生效后,再次运行
npm config get registry命令来验证是否成功更改

升级node及npm包



3、组合式Api




4、生成响应式数据--ref与reactive
reactive和ref




在模板中读取数据: 不需要.value,直接:<div>{{xxx}}</div>


//ref加工之后生成一个 RefImpl引用对象,该对象的原型对象上可以发现,底层其实还是Object.defineProperty通过// get 和set实现的响应式数据因此改变数据需要用到RefImpl引用对象中的value属性

5、计算属性--computed


6、