vue3-News

创建项目

Vue 官方很贴心的提供了一个 github 仓库，让我们能快速体验Vue 3的新特性:

git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-start
cd vue3-start

npm install or yarn intall

开发环境准备就绪后，启动命令：

npm run dev

Vue3+ & Vue-CLI3+ 开发生态圈资讯

当大多数国人还在庆祝国庆节的时候，尤雨溪大大在昨天凌晨发布了 Vue 3.0 源代码，源码地址：https://github.com/vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本，但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。

之前，就有预言，除了性能优化、脚手架和新功能外，TypeScript 绝对是一个重点，因此，在 Vue 3.0 源代码版本中，98%代码由 Typescript 编写，相信后面会是 100%。

通过本次发布的源代码可以了解到针对 Vue 3 计划并已实现的主要架构改进和新功能。

欢迎前去作者star

vue3核心技术

1. Proxy：不只是解决了 defineProperty 的局限性。
2. Performance：性能更比 Vue 2.0 强。
3. Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。
4. Composition API：组合 API。
5. Fragment, Teleport, Suspense：“碎片”，Teleport 即 Protal 传送门，“悬念”。
6. Better TypeScript support：更优秀的 Ts 支持。
7. Custom Renderer API：暴露了自定义渲染 API

vue 官方提供的尝鲜库

欢迎前去star

相关推荐

• 抄笔记：尤雨溪在 Vue3.0 Beta 直播里聊到了这些…
• 尤大 Vue3.0 直播虚拟 Dom 总结(和 React 对比)
• Vue 3.0 这个迷人的小妖精，到底好在哪里？（更新原理对比）
• 技术周刊 2020-04-21：Vue 3.0 Beta 来啦！
• 抄笔记：尤雨溪在 Vue3.0 Beta 直播里聊到了这些…
• vue3.0 Beta 发布了
• 好消息，vue 3 进入 beta 阶段！
• 今日凌晨 Vue3 beta 版震撼发布，竟然公开支持脚手架项目！
• vue cli3 适配所有端方案
• Vue 3.0 Beta 版本发布，你还学的动么？
• Vue 3.0-beta.1 发布
• 好消息，vue 3 进入 beta 阶段
• vue3 reactive 思路引导
• Vue3 的响应式和以前有什么区别，Proxy 无敌？
• Vue3 跟着尤雨溪学 TypeScript 之 Ref 类型从零实现
• vue2.0 与 3.0 对比以及 vue3.0 API 入门
• Vue 3.0 全家桶抢先体验
• 解析 Vue2.0 和 3.0 的响应式原理和异同(带源码)
• VUE 3.0 学习探索入门系列 - Vue3.x 生命周期 和 Composition API 核心语法理解（6）
• VUE 3.0 学习探索入门系列 - Vue3.x 令人期待的新特性（7）
• Vue3.0(Vue-cli4)项目打包性能优化实践
• Vue.js CLI4 Vue.config.js 标准配置 （最全注释）

最新资讯-继续前进 ╰(°▽°)╯

• 重拳出击：打造 Vue3.0 + Typescript + TSX 开(乞)发(丐)模式
• 10 个 Vue 开发技巧助力成为更好的工程师
• 2020 年的 12 个 Vue.js 开发技巧和窍门
• 高级前端开发者必会的 34 道 Vue 面试题解析（三）
• （4.2 万字重启 2020）“从零到部署”Vue 全栈电商应用系列教程---正式完结
• Vue 进阶必学之高阶组件 HOC（保姆式教学，冲击 20k 必备）
• VUE CLI3 结合 cross-env 配置环境变量（含环境变量源码解析）
• 4k+ 字分析 Vue 3.0 响应式原理（依赖收集和派发更新）
• 解析 Vue2.0 和 3.0 的响应式原理和异同(带源码)
• vue 刷新页面出现 404 错误
• 【你不知道的 React】当 React Hooks 遇见 Vue3 Composition API
• VUE 3.0 学习探索入门系列 – Vue3.x 令人期待的新特性（7）
• Vue3.0 的 reactive API 定义和源码实现
• 基于 vue-cli3 搭建一个后台管理系统框架
• Vue 3.0 diff 算法及原理
• 基于 vue-cli3/cli4 解决前端使用 axios 跨域问题
• 使用 vue-cli3 搭建 Vue+TypeScript 项目
• 简单通俗的理解 Vue3.0 中的 Proxy
• vue 源码分析-14-dom 异步更新机制(nextTick)
• 谈谈 vue3.0 要更新的内容相关笔记
• Vue3.0 尝试
• vue3.0 源码速读
• 记一次 vue-cli3 webpack 简单性能优化
• 手摸手带你使用 Vue-Cli3 搭建前端开发环境
• vue2.x+vue-cli3.0 地图 demo 踩过的坑
• 用 Vue3(Vue-Composition API) 写一个疫情查询小工具
• TypeScript 从零实现基于 Proxy 的响应式库，带你彻底搞懂 Vue3 的响应式原理
• 带你彻底搞懂 Vue3 的 Proxy 响应式原理基于函数劫持实现 Map 和 Set 的响应式
• 深度解析：Vue3 如何巧妙的实现强大的 computed
• 重拳出击：打造 Vue3.0 + Typescript + TSX 开(乞)发(丐)模式
• 在 React 中引入 Vue3 的 reactivity 分包来实现最强大的状态管理
• A dashboard scaffolding based on vue.js created by vuejs/vue-cli 4.x.
• vue-cli4 全面配置(持续更新)
• 基于 vue-cli4 脚手架搭建的 cesium 所踩的坑
• Vue3 尝鲜
• Vue3 体验卡～
• 【思否编程公开课】限时免费 迎接 Vue 3.0
• Vue3 之 Composition API 对比 Vue2.x 用法
• 带你了解 vue-next（Vue 3.0）之 炉火纯青
• Vue 3.0 实践：使用 Vue 3.0 做 JSX(TSX)风格的组件开发
• 带你了解 vue-next（Vue 3.0）之 小试牛刀
• 带你了解 vue-next（Vue 3.0）之 初入茅庐
• Vue3 Composition-Api + TypeScript + 新型状态管理模式探索
• Vue3 源码之响应系统 Reactive 模块解读(干货满满,不容错过~)
• 从 vuecli3 学习 webpack 记录（零）整体流程
• Vue3 中不止 composition-api，其他的提案(RFC)也很精彩
• Evan You - What's Coming in Vue.js 3.0 | Full Stack Radio
• Top ways to learn Vue 3 – Dan Vega
• Portal - a new feature in Vue 3 - Filip Rakowski
• Access template refs in Composition API in Vue.js 3
• Use old instance properties in Composition API in Vue.js 3
• Design Principles of Vue 3.0 – Evan You @VueConfTO 2019
• VUE 3.0 API 尝鲜体验
• Vue 3.x 响应式原理——ref 源码分析
• Vue 3.x 响应式原理——effect 源码分析
• Vue3 源码学习(问题总结)
• Vue CLI3 搭建组件库并实现按需引入实战操作
• vue 3.0 pre-alpha
• 为 Vue3 学点 TypeScript, 什么是声明文件(declare)? [全局声明篇]
• Vue 3.0 响应式方法解析
• 从 Object.defineProperty 到 Proxy 深入理解 Vue 3.0 响应系统
• Vue3.0 响应式系统二三事
• Vue 3.x 源码初探——reactive 原理
• Vue2.X 和 Vue3.0 数据响应原理变化
• Vue 3 对 Web 应用性能的改进
• Vue 3 中令人兴奋的新功能
• Vue.js 3.x 源码解析先导
• Vue 3 Cheat Sheet 下载（中文版）
• vue3 响应式源码解析-Effect 篇
• Vue 3.0 —— Watch 与 Reactivity 代码走读
• Vue3.0 数据响应系统分析(主要针对于 reactive)
• vue3 源码解读之 time slicing
• 茶余饭后聊聊 Vue3.0 响应式数据那些事儿
• Vue3 都要上的 TypeScript 之工程实践
• vue_cli3.x 跨域访问
• 【译】Vue.js 3: 面向未来编程
• 全面改革：解读 Vue 3.0 的变化
• 基于 vue3 function-based 构建 cnode 社区
• vue3.0 后台管理框架基于 typescript（支持 pc\手机,抖音 rank 数据分析、Tiktok 数据)
• 从 WebPack 4.X 到 Vue-Cli 3.X 一篇就够
• 从 vue2.0 响应数据到 vue3.0 响应数据
• Vue 3.0 源码逐行解析（一）：响应式模块（1）
• Vue3 数据驱动源码解读
• 看 vue3 源码可以学到什么 : 一 、README
• 你为什么看不懂源码之 Vue 3.0 囊中取物
• Vue 3 源码开放，今天你学习了吗？
• Vue 3.0 源码开放，看看都有哪些新特性
• Vue 3.0 公开代码之后……
• Vue3.0 响应式系统完全讲解(逐行)
• Vue 3 原理剖析：数据响应系统
• Vue3.x 源码调试
• 为什么 Vue3.0 使用 Proxy 实现数据监听？defineProperty 表示不背这个锅
• Vue 3 响应式系统源码解析（单测篇）
• 浏览器中如何断点调试 Vue3 源码
• 简析 vue 3 的数据响应系统
• 代理模式 Proxy 和 Vue3 数据响应系统
• Vue3.0 数据响应式原理
• Vue3 响应式系统源码解析(上)
• 一张图理清 Vue 3.0 的响应式系统
• Vue3 响应式系统源码解析-Ref 篇
• 五分钟看懂 Vue3-数据绑定
• 浅析 Vue3 中的响应式原理
• vue3 的数据响应原理和实现
• 给 vue3 源码添加注释：数据响应式部分
• 浅析 Vue3 数据响应系统
• vue3 中 effect 与 computed 的亲密关系
• Vue3.0 中的 monorepo 管理模式
• Vue3 watch 函数执行过程
• Vue3.0 中的数据侦测
• 使用 Proxy 实现 Vue.js 3 中的响应式思想
• Vue 3.0 最新进展：Composition API
• 公布了尚处于 Pre-Alpha 状态的 Vue 3 源码