首页 > 其他分享 >vue3学习第一天

vue3学习第一天

时间:2022-08-17 19:59:14浏览次数:58  
标签:npm vue cli 第一天 学习 打包 vue3 vite

vue3简介:

1、性能的提升(打包快,渲染快,内存少)

2、源码的升级

使用proxy代替defineProperty实现响应式

重写虚拟dom的实现和Tree-Shaking(让打包体积变小,应用到webpack)

3、更好支持ts

4、新特性:组合API、内置组件、生命周期、钩子函数、data始终是个函数

创建vue3工程:

1、@vue/cli版本在4.5.0以上

  npm install -g @vue/cli   (升级或重置)

2、在桌面创建一个vue3工程

cd Desktop

vue create vue3_test

注意一下开发者工具

3、使用vite创建一个vue3工程

vite(新一代的前端构建工具)

1、无需打包、快速启动服务

npm init vite-app vue3_test_vite

npm install (依赖需要自己加载)

npm run dev (启动命令)

标签:npm,vue,cli,第一天,学习,打包,vue3,vite
From: https://www.cnblogs.com/yang1020/p/16596536.html

相关文章

  • 学习:python 内置模块 time
    importtimes1=time.time()#获取一个时间戳:当前时间距离1979年元旦0时的秒数,用户计算程序执行秒数开始前记录一次结束后记录一次相减forxinrange(1,10001):......
  • 学习:python 内置模块random
    importrandom#引入模块#创建的文件名项目的名字不要与引入的模块名重复r1=random.randint(1,6)#生成范围随机数r2=random.uniform(1,6)#生成指定范围随机浮点数r3=......
  • 学习Js-day18
    放大镜的简单实现效果图如下:对结构,布局,效果,进行分析“一、结构分析:1.一个小盒子box包着一个移动的盒子move,再连接一个大盒子bigbox展示图片的细节。二、布局分析:1.放小......
  • 学习:python 模块
    模块是python最高级别的组织单元将程序代码和数据封装起来以便重复使用模块中包含了实现某一类业务的多个函数和属性说的通俗点模块就是一个实现某种业务的工具包,每一......
  • MarkDown学习
    MarkDown学习标题三级标题四级标题 字体Hello,World!文本两边各设置两个星号加粗Hello,World!文本两边各设置一个星号斜体Hello,World!文本两边各设置三......
  • 2022-8-17 第一组 (≥▽≤) 学习笔记
    目录1.DQL查询语言1.1子查询(自连接)需求建表插入数据日期格式1.DQL查询语言1.1子查询(自连接)按照结果集的行列数不同,子查询可以分为以下几类:标量子查询结果集只有......
  • vue学习之------vue-router路由重定向
    路由重定向是指:用户在访问地址A时,强制用户跳转到地址C,从而展示特定组件。  ......
  • MySQL学习笔记
    MySQL学习笔记    MySQL语句中,字符串应当用单引号表示,而不是双引号,例如’Tom’;表中字段区分大小写,name和Name是不同的字段;命令不区分大小写,DROP和drop是相同的......
  • vue学习之------vue-router入门
    单页面应用的路由原理:单页面应用的整个项目只存在一个HTML文件,页面的切换 本质上 是 组件的切换;所以,路由的作用是将组件与相应的URL路径相对应;因为是单页面应用,所以......
  • vue3+vite3打包组件的踩坑心得
    1.再要做CDN的JS文件的时候要使用  rollup-plugin-external-globals这个插件,但是不做CDN的时候要关闭注释掉,不然引入插件后可能会报一些依赖库的全局变量未声明的错误,......