分类：vue3.0

2020
10-18

如何搭建一个完整的Vue3.0+ts的项目步骤

相信9月18日尤大大的关于Vue3.0的发表演讲大家一定有所关注,现在Vue3.0也已经进入RC阶段（最终产品的候选版本，如果没有问题则可发布成为正式版本）。所以Vue3.0的学习是我们必然的趋势，今天，主要分享一下Vue3.0的详细搭建过程，希望可以为初入Vue3的小伙伴有所帮助。我们现在开始进入今天的主题啦~~一、安装1.安装nodejs此处提供nodejs下载地址：https://nodejs.org/zh-cn/download/大家根据自己电脑的配置选择适配的LTS（... 继续阅读 >

2020
10-16

Vue3.0的优化总结

1.源码优化：a.使用monorepo来管理源码Vue.js2.x的源码托管在src目录，然后依据功能拆分出了compiler（模板编译的相关代码）、core（与平台无关的通用运行时代码）、platforms（平台专有代码）、server（服务端渲染的相关代码）、sfc（.vue单文件解析相关代码）、shared（共享工具代码）等目录。Vue.js3.0，整个源码是通过monorepo的方式维护的，根据功能将不同的模块拆分到packages目录下面不同的子目录中，每个p... 继续阅读 >

2020
10-10

vue3.0 上手体验

vue3.0beta版本已经发布有一阵子了，是时候上手体验一波了～注意，本文所有演示都是基于vue3.0beta版本，不保证后续正式版api不改动。等官方文档出来后，以官网为准。环境搭建直接使用脚手架，如果本地没有安装的可以执行脚手架安装命令：npminstall-g@vue/cli如果本地安装过的，可以尝试更新一下：npmupdate-g@vue/cli测试vue-cli版本：vue-V@vue/cli4.4.1接下来创建一个vue项目：vuecreatevue3-demo在出现的... 继续阅读 >

2020
10-08

详解vue3.0 diff算法的使用(超详细)

前言：随之vue3.0beta版本的发布，vue3.0正式版本相信不久就会与我们相遇。尤玉溪在直播中也说了vue3.0的新特性typescript强烈支持，proxy响应式原理，重新虚拟dom，优化diff算法性能提升等等。小编在这里仔细研究了vue3.0beta版本diff算法的源码，并希望把其中的细节和奥妙和大家一起分享。首先我们来思考一些大中厂面试中，很容易问到的问题：1什么时候用到diff算法，diff算法作用域在哪里？2diff算法是怎么运作的，到底有什么... 继续阅读 >

2020
09-29

精读《Vue3.0 Function API》

1.引言Vue3.0的发布引起了轩然大波，让我们解读下它的functionapiRFC详细了解一下Vue团队是怎么想的吧！首先官方回答了几个最受关注的问题：Vue3.0是否有breakchange，就像Python3/Angular2一样？不，100%兼容Vue2.0，且暂未打算废弃任何API（未来也不）。之前有草案试图这么做，但由于用户反馈太猛，被撤回了。Vue3.0的设计盖棺定论了吗？没有呀，这次精读的稿子就是RFC（RequestForComments），翻译... 继续阅读 >

2020
09-28

浅谈Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api解决了什么问题语法糖介绍vite的安装使用vite仓库地址https://github.com/vuejs/vite上面有详细的安装使用教程，按照步骤安装即可composition-api解决了什么问题使用传统的option配置方法写组件的时候问题，随着业务复杂度越来越高，代码量会不断的加大；由于相... 继续阅读 >

2020
09-28

你准备好迎接vue3.0了吗

前言本月21号晚上看了尤大大的直播，感觉vue3.0离我们越来越近了，预计年中正式发布，3.0的改变的确很大，性能提升了很多，很多东西也在靠向react。为了到时可以很快的转入vue3.0的阵营，从现在开始熟悉新的特性是很有必要的。如果你想在v2.x中使用3.0的内容，可通过以下方式npminstall'@vue/composition-api'在main.js中引入importVueCompositionApifrom'@vue/composition-api';Vue.use(VueCompositionApi);数据的双向绑定V2... 继续阅读 >

2020
09-28

Vue 3.0 全家桶抢先体验

序Vue3.0全家桶发布内容包括：vue:Betavue-router:Alphavuex:Alphavue-class-component:Alphavue-cli:Experimentalsupportviavue-cli-plugin-vue-nexteslint-plugin-vue:Alphavue-test-utils:Alphavue-devtools:WIPjsx:WIP可以看到Vue3.0beta版本是一个项目系列，包含了我们在开发过程中需要的套件、webpack插件等等，本文将带大家快速搭建基于Vue3.0的项目框架，这和之前很多Vue3.0的... 继续阅读 >