vue3.0

一,性能

二,什么是Vite

Vite是vue作者开发的一款试图取代webpack的工具

其原理是利用ES6的import会发送请求去加载文件的特性

拦截这些请求做一些预编译,省去webpack的冗余打包时间

1、全局安装vite:npm install create-vite-app -g   (装不上的话以管理员身份运行去装)

2、创建项目(使用vite,不是脚手架):npx create-vite-app project-name    (创建项目过程比脚手架快多了,因为没有依赖包)

3、cd project-name -> npm install -> npm run dev

  • 定义响应式数据

    import { ref reactive } from 'vue'

      1. ref函数和reactive函数创建响应式数据的区别   (ref只能创建单一的数据,如果想用数组、对象的话用reactive)                                                                            https://www.cnblogs.com/jinzhenzong/p/12778729.html

  • 组合api

    1. 定义的数据,方法可以抽成一个function函数,函数内部return出去数据,方法,在setup()函数中导入即可

    2. compositionApi 和 optionApi 组合使用,因为vue3使用的是compositionApi,但是运行机制还是最终注入到optionApi(还是vue2的形式)

  • setup函数的执行时机
  • vue2和vue3的区别

原文地址:https://www.cnblogs.com/shun1015/p/13841627.html