vue3
斌哥谈编程
笔记记录、干货分享、共同学习
展开
-
Vue3快速上手
Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy原创 2021-11-08 15:21:27 · 159 阅读 · 0 评论 -
vue2中Options API及vue3中Composition API 的区别对比
一、代码组织区别在vue2组织代码时,我们会在一个vue文件中methods,computed,watch,data中等等定义属性和方法,共同处理页面逻辑,我们称这种方式为Options API。缺点: 一个功能需要在不同的vue配置项中定义属性和方法,比较分散,项目小还好,清晰明了,但是项目大了后,一个methods中可能包含20多个方法,你往往分不清哪个方法对应着哪个功能,这个是深有体会在vue3 Composition API 中,我们的代码是根据逻辑功能来组织的,一个功能所定义的所有api会原创 2021-11-07 09:15:52 · 645 阅读 · 0 评论 -
Vue 在线演示编译结果
Vue 在线演示编译结果:Vue3: https://vue-next-template-explorer.netlify.app/Vue2: https://vue-template-explorer.netlify.app/原创 2021-11-07 09:07:39 · 558 阅读 · 0 评论 -
使用vite搭建vue3项目体验
Vite 需要 Node.js 版本 >= 12.0.0创建vite+vue3项目方法一:npm init @vitejs/app my-vue-app --template vue方法二:npm init @vitejs/app my-vue-app然后依次选择:vue->vue-ts 即可原创 2021-11-01 16:22:57 · 154 阅读 · 0 评论 -
vue3.x项目搭建初体验
一、环境准备(此处设备使用window10系统)1、node安装,安装地址为nodejs官网(http://nodejs.cn/download/)打开cmd,输入 node -v ,查看是否安装成功,比如下图:在这里插入图片描述2、全局安装vue-cli 4.0脚手架如果已经安装了旧版,运行 npm uninstall vue-cli -g 卸载查看3.x 和 4.x 的所有版本号: npm view @vue/cli versions --json我安装的是最新版本,全局安装命令如下原创 2021-11-01 15:34:54 · 103 阅读 · 0 评论