🚀 欢迎Star
,后续会不断更新。
🇨🇳 最后更新日期:2️⃣0️⃣2️⃣0️⃣/
0️⃣7️⃣/
2️⃣7️⃣
【2020】 ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡------------------------ 【2021】
Twitter vue3: vue 3 will be available by the end of Q2.
除了单独 Vue3 资讯,欢迎查看更多 vue.js 资讯:【【🔥Vue.js 资讯 📚】目前 web 前端开发非常火爆的框架;定时更新,欢迎 Star 一下。】
- Vue 3 Cheat Sheet
- 再谈 vue3
- 尤大推出
vue3 beta
之后 - 迎接 Vue3.0 系列
- 最新资讯-继续前进 ╰(°▽°)╯
- 英文资料
- 2019 年中旬
- 2019 年上旬
- 2018 年预告
🐣 关于旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
🐥Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。
🐓Vue 3.0 源代码
当大多数国人还在庆祝国庆节的时候,尤雨溪大大在昨天凌晨发布了 Vue 3.0 源代码,源码地址:https://github.com/vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本,但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。
之前,就有预言,除了性能优化、脚手架和新功能外,TypeScript 绝对是一个重点,因此,在 Vue 3.0 源代码版本中,98%代码由 Typescript 编写,相信后面会是 100%。
通过本次发布的源代码可以了解到针对 Vue 3 计划并已实现的主要架构改进和新功能。
Vue 3 中最主要的新特性:组合式 API,已经可以借助 https://github.com/vuejs/composition-api (在 Vue 2 项目中作为插件使用)体验到。
进入了rc版本阶段:
3.0.0-rc.4 (2020-07-21)
...
3.0.0-rc.1 (2020-07-17)
-- Alpha(α):预览版,或者叫内部测试版;一般不向外部发布,会有很多Bug;一般只有测试人员使用。
-- Beta(β):测试版,或者叫公开测试版;这个阶段的版本会一直加入新的功能;在 Alpha版之后推出。
-- RC(Release Candidate):最终测试版本;可能成为最终产品的候选版本,如果未出现问题则可发布成为正式版本。
多数开源软件会推出两个RC版本,最后的 RC2 则成为正式版本。
3.0.0-beta.20 (2020-07-08)
@ github-actions released this 5 days ago · 37 commits to master since this release
Please refer to CHANGELOG.md for details.
...
v3.0.0-beta.2
released this 6 days ago · 29 commits to master since this release
release: v3.0.0-beta.2
v3.0.0-beta.1
released this 7 days ago · 40 commits to master since this release
release: v3.0.0-beta.1
🔥🐔2020 前端面试秘籍
【吐血整理清单一】前端面试全攻略,为您保驾护航,金三银四
【吐血整理清单二】前端面试全攻略,为您保驾护航,金三银四
【吐血整理清单三】前端面试全攻略,为您保驾护航,金三银四
秘籍在手,天下我有; 只要你想进,那么世界就是你的。
🐔 前端整理之道
【整理】前端优化得有个好手段,比如看这个清单 🍑🍒🍓🍆🌽
【整理】前端学习笔记总结清单,应有尽有 🍇🍈🍉🍊🍋
🦃 关于 TypeScript
【2020-Q1-News】TypeScript 新鲜一波流,自己品尝?
【最新】TypeScript 梳理知识点列表,可否一战?
【必会】都已经 9102 年底了,你必须会 TypeScript。
为什么要学习它?
因为:
- 按需输出 JavaScript 版本
- 代码标准化利于团队开发
- 主流框架及最新特性的支持
- 便于重构和主流 IDE 支持
- 更多友好特性和检测
...
哈哈哈,并不是,是因为都已经 2020 了,大公司和你们都在用。
由 Vue Mastery 网站归纳的 Vue 3 Cheat Sheet, 直观地概况了其主要特性。
Vue3 Cheat Sheet | Vue3 Cheat Sheet |
---|---|
like React hooks.
Collection of essential Vue Composition API utils works for Vue 2.x and 3.x https://vueuse.js.org/
Collection of essential Vue Composition API (inspired by react-use)
🚀 Features
- ⚡ 0 dependencies: No worry about your bundle size
- 🌴 Fully tree shakable: Only take what you want
- 🦋 Type Strong: Written in Typescript
- 🕶 Seamless migration: Works for both Vue 3 and 2
- 🌎 Browser compatible: Use it though CDN
- 🎪 Interactive docs & demos: Check out the Storybook!
- 🔌 Optional Add-ons: Firebase, vue-i18n, etc
🐯 🦁 🐮 🐷 🐹 🦊
霸气姿势观望 vue3
核心技术 ing
- Proxy:不只是解决了 defineProperty 的局限性。
- Performance:性能更比 Vue 2.0 强。
- Tree shaking support:可以将无用模块“剪辑”,仅打包需要的。
- Composition API:组合 API。
- Fragment, Teleport, Suspense:“碎片”,Teleport 即 Protal 传送门,“悬念”。
- Better TypeScript support:更优秀的 Ts 支持。
- Custom Renderer API:暴露了自定义渲染 API。
TODOLIST:
- 1 Docs & Migration Guides
- 2 Router
- 3 Vuex
- 4 CLI
- 5 新工具:vite(法语 “快”)
- 6 vue-test-utils
- 7 DevTools
- 8 IDE Support (Vetur)
- 9 Nuxt
介绍 Vue.js 以及 Vue-next 源码分析文章,希望通过学习Vue.js源码获得更好的知识和收获。
【这是入口】你要找的 vue 源码 全宇宙的都在这!
Vue 3 Deep Dive with Evan You 【中英字幕】- Vue Mastery
课程中提到的预备课程是《Vue3 响应式原理》
里面评论区和弹幕有在调侃尤大大的:
=》尤雨溪就是个写前端的,懂什么vue!
=》你一点都不懂vue
=》他懂个锤子的vue
=》他根本不懂vue
🚴🏻 🚴🏻♂️ 🚴🏻♀️ 🚵🏻 🚵🏻♂️ 🚵🏻♀️
vue-next 贡献指南(谷歌翻译版)
《Vue3.0抢先学》系列之:网友们都惊呆了!
《Vue3.0抢先学》系列之:一个简单的例子
《Vue3.0抢先学》系列之:使用Composition API
《Vue3.0抢先学》系列之:响应式之Ref vs. Reactive
《Vue3.0抢先学》系列之:使用render函数
《Vue3.0抢先学》vue-next 学习总结
《Vue3.0抢先学》系列之:组件属性Props
《Vue3.0抢先学》系列之:组件生命周期
《Vue3.0抢先学》系列之:更多响应式API示例(watch,computed的变种)
- 如果 ElementUI 不维护了,也不再支持 Vue 3了我们该怎么办呢?
- Vue3.x 深入浅出系列(连载三)
- 基于Vue3.0开发知乎日报实战
- Vue3全家桶 + Vite + TS + TSX尝鲜,先人一步!
- 也许是最清楚的Vue3.x Reactive响应式原理讲解
- Vue 3.0初步使用和原理
- 千字文看Vue3.0 变化
- vue3响应式数据最全最细致解析,vue3源码解析持续更新中
- 除了composition API,vue3.0文档又带来了什么新东西?
- 从Vue源码中学到的28个编程好习惯
- Vue3 Composition API教程及示例
- 基于vue3.0.1 beta搭建仿京东淘宝的电商商城项目!
- 细致分析,尤雨溪直播中提到 vue3.0 diff 算法优化细节
- 顺藤摸瓜:用单元测试读懂 Vue 3 watch 函数
- electron-vue开发笔记(3)多窗口多页面入口配置
- 基于项目实战阐述vue3.0新型状态管理和逻辑复用方式
- Vue3 源码逐行解析
- Vue3生态技术内幕
- Vue响应式系统技术原理和Vue3响应式系统的优点
- Vue3之——和Vite不得不说的事
- Vue3 的 Proxy 能做到哪些精确的拦截操作?原理揭秘
- 顺藤摸瓜:用单元测试读懂 vue3 watch 函数
- 学习一波Vue3新特性
- 用 Vue.js 3 Composition API 创建 i18n 插件
- Vue 3.0 初探 – 组合式 API
- Vue技巧 | 在Vue3中使元素在滚动视图时淡入
- Vue1.x 2.x 3.x 的响应式实现
- 深入理解 Vue3 Reactivity
- Vue 3.x 项目环境搭建
- 好消息,Vue3官方文档出中文版的啦
- 深入理解 Vue3 Reactivity API
- vue 3.x 如何高效学成?本文详解
- [vue 源码 03] watch 侦听属性 – 初始化和更新
- Vue 技巧 | 在 Vue3 中使元素在滚动视图时淡入
- Vue3 Reactivity API 基础
- Vue 3 响应式原理及实现
- vue3 响应式系统流程分析与实现
- The process: Making Vue 3
- vue3.0 beta 已出,来快速实践一下吧
- 尤雨溪:重头来过的 Vue 3 带来了什么?
- vue3.0 创建项目及 API 讲解(一)
- Vue 3 教程(适用于 Vue 2 用户)
- 循序渐进 VUE+Element 前端应用开发(4)— 获取后端数据及产品信息页面的处理
- 「中文翻译」Vue3 的诞生之路
- 1.1 万字从零解读 Vue3.0 源码响应式系统
- Vue Global Meetup, Tue, Apr 14, 2020 at 5:00 PM
- New Async Component API by yyx990803 · vuejs/rfcs · Vue 3.0
- How the Vue Composition API Replaces Vue Mixins – Anthony Gore – CSS-Tricks
- Vue 3.0 Changes for @Component decorator and Vue base class · vuejs/vue-class-component
- Release v0.5.0 · vuejs/composition-api · GitHub
- VueConf US 2020 – Vue Mastery
- Vue.js Amsterdam 2020 - YouTube
- Vue.js Headless Component - Frederik Dietz
- Vue.js Functional Components - Frederik Dietz
What you will love in Vue 3
Prepare yourself for what to expect in Vue 3 with Alex Kyriakidis' presentation from the Vue.js Amsterdam conference.
GitHub - vuejs/vite: Make Web Dev Fast Again
Vite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production.
Vue.js 3 Course - Composition API, TypeScript, Testing
Vue.js 3 introduces some changes to the Async Component API - find out the changes, and how you can use Async Components with Webpack 5's bundle splitting to make your apps load faster than ever.
The case for HOC vs The Composition API
In this article Abdelrahman compares Higher-Order Components (using scoped-slots) with the upcoming Composition API. I especially enjoyed the Vee-Validate v4 comparison. Check it out!
Vuetensils 0.6: Simpler Forms, Better Accessibility, & Useful Filters!
The latest version of Vuetensils has some really cool features: improvements to form authoring, accessibility updates, and new filters to make life easier.
GitHub - vuejs/vitepress
GitHub - Akryum/vue-mention
GitHub - alvarosaburido/vue-dynamic-forms
- Vue 源码学习 3.9:深入 Props
- 真·vue3.0 全家桶+ts 尝鲜、过坑
- 超级详细的 Vue-cli3 使用教程
- 15 分钟上手 vue3.0
- Vue-cli3.0 读取外部化配置文件来修改公共路径
- vue3.x 结合 typescript 初体验
- 几道我今年跳槽遇到的 Vue3.0 面试题
- Vue3 源码分析——数据侦测
- 记一次 vue3.0 技术分享会
- Vue3 源码解析——整体流程和组合式 API
- Vue2.x To Vue3.0
- 搭建一个 vue-cli4+webpack 移动端框架(开箱即用)
- vue3.0 实战从 0 到 1 实战电商管理系统(第三天)
- 简明扼要聊聊 Vue3.0 的 Composition API 是啥东东
- Vue(2.x 和 3.0) 双向绑定原理及实现(Object.defineProperty 和 Proxy)以及常见错误区分
- vue3.0 实战电商系统:高解耦式 mock 订单列表查询(第四天)
- 如何在 Vue 3 中使用生命周期函数
- Vue3.0 中 Object.defineProperty 的代替方案 Proxy
- Vue 3 中的 Vue Router 初探
- 搭建一个 vue-cli4+webpack 移动端框架(开箱即用)
- 通过 10 个实例小练习,快速入门熟练 Vue3.0 核心新特性
- Vue3 究竟好在哪里?(和 React Hook 的详细对比)
- 使用 Vue3 composition-api 重写一个抽象可复用的增删改查页面
- Vue 源码学习 3.8:组件更新&diff 算法
- 一份关于 vue-cli3 项目常用项配置
- vue-cli4 从零开始搭建 Vue 项目
- 手拉手带你开启 Vue3 世界的鬼斧神工
- vue3.0 从 0 到 1 实战电商管理系统(第一天)
- vue3.0 实战从 0 到 1 实战电商管理系统(第三天)
- Vue CLI3 移动端适配 【px2rem 或 postcss-plugin-px2rem】
- 告别无聊的 undefined 判断, 让老 vue-cli3 支持 🚀"可选链"等"ES2020"特性
- Vue 的'奇技淫巧'
- 基于 vue3.0+TypeScript 的简易日历
- vue3.0 尝鲜,写一个 win10 日历
- 手拉手带你开启 Vue3 世界的鬼斧神工
- Vue3.0 直播虚拟 Dom 总结(和 React 对比)
- Vue3.0 Beta 笔记(侧重 Performance 提升原因和 Composition API)
- Vue Cli 3 打包配置–自动忽略 console.log 语句
- 尤雨溪在 vue3.0 bate 上推荐的 no webpack 小工具 vite
- 尤雨溪谈 Vue3.0 新特性直播后的个人理解
- Vue3 使用学习
- Vue3.0 Beta–有牛优刘尤老师上课笔记
- Vue 3.0 bate 版尝鲜
- Vue3 中对 VDOM 的改进
- 一份 vue3-beta.3 相关文集前来报告,请您收下
- 如何在 Vue2 与 Vue3 中构建相同的组件
- Vue 3-beta 相关文集
- Vue CLI3 移动端适配 【px2rem 或 postcss-plugin-px2rem】
- 迎接 Vue 3.0:在 Vue 2 与 Vue 3 中构建相同的组件
🍁 🍄 🌾 💐 🌷 🌹 🥀 🌺 🌸 🌼 🌻
各位亲(づ ̄ 3  ̄)づ ╭❤ ~,悠着点、悠着点。
🍁 🍄 🌾 💐 🌷 🌹 🥀 🌺 🌸 🌼 🌻
vue 官方提供的尝鲜库:https://github.com/vuejs/composition-api
- 抄笔记:尤雨溪在 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 系列 | Vue3 Composition API 中的提取和重用逻辑
- 迎接 Vue3.0 系列 | Vue Composition API 如何替换 Vue Mixins
- 准备迎接 Vue3,使用 Vue Composition API 生成干净可扩展的表单
- 迎接 Vue3.0 系列 | 如何在 Vue3 中使用生命周期钩子函数
- 迎接 Vue3.0 系列 | 如何在 Vue2 与 Vue3 中构建相同的组件
- 迎接 Vue3.0 系列 | Vue3 中的 Vue 路由器初探
- 重拳出击:打造 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 源码
- What's New in vue-styleguidist 3.0
- Hooks are coming to Vue.js version 3.0
- what does vue 3 0 mean for web development
- A Vue.js app demonstarting various use cases for the new composition API
- Why the Composition API - Vue 3 Essentials – Vue Mastery
- Vue 3 – A roundup of infos about the new version of Vue.js - Made with Vue.js
- GitHub - LinusBorg/composition-api-demos: A Vue.js app demonstarting various use cases for the new composition API
- Thought on Vue 3 Composition API -
reactive()
considered harmful - Architecting HTTP clients in Vue.js applications for efficient network communication
- 10 Free resources to kickoff your career as a Vue Developer
- 10 Vue Directives that make your dev lives easier!
- 10 Tips & Tricks to make you a better VueJS Developer
- 9 Projects you can do to become a Frontend Master in 2020
天王盖地虎, 宝塔镇河妖
文章列表标题 | 介绍 |
---|---|
I_am_a_placeholder_placeholder_placeholder | nothing |
为 vue3 学点 typescript, 解读高级类型 | 第一课, 体验 typescript; 第二课, 基础类型和入门高级类型; 第三课, 泛型; 第四课, 解读高级类型; 第五课, 什么是命名空间(namespace); |
Vue 3.0:更快、更小、让开发者更轻松 | 在 11 月 14 日-16 日于多伦多举办的 VueConf TO 2018 大会上,尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲,对 Vue 3.0 的更新计划、方向进行了详细阐述。 |
Vue 3.0 前瞻,体验 Vue Function API | 最近 Vue 官方公布了 Vue 3.0 最重要的 RFC:Function-based component API,并发布了兼容 Vue 2.0 版本的 plugin:vue-function-api,可用于提前体验 Vue 3.0 版本的 Function-based component API。笔者出于学习的目的,提前在项目中尝试了 vue-function-api。 |
Vue 3.0 之前你必须知道的 TypeScript 实战技巧 | 很多人对 TypeScript 的使用还停留在基本操作上,其实 TypeScript 的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率,今天就介绍 9 个非常实用的 TypeScript 技巧或者特性. |
Vue CLI 3.x 与 2.x 的区别 | cli3 新增模式概念,每个模式在项目中都有对应的配置文件,项目启动时,对应的文件就会加载,与环境变量不同,一个模式可以包括多个环境变量。 |
Vue 3.0 RFC API 的实现 | Vue3.0 的 RFC 已经发布了几个月了,Vue 底层几乎没有变动,还是沿用原来响应式的。所以一直在思考能不能使用现在的版本,实现 RFC 中的 API,直到看到了 Vue Function API 这个库,这个库让开发者提前尝鲜到了 RFC 中的 API,当然作为 RFC,所以最终 3.0 的 API 还是未知的,以及底层的实现也还未知。 |
Vue.js 3:面向未来编程(function-based API) | 如果你在使用 Vue.js,那么可能知道这个框架的第 3 版就要出来了(如果你是在本篇文章发布后的一段时间看到这段话的话,我希望我的说法还是中肯的 😉)。新版本目前正在积极开发中,所以可能要加入的特性都可以在官方的 RFC(request for comments)仓库中看到:github.com/vuejs/rfcs 。其中有一个特性 function-api,将会在很大程度上影响我们未来 Vue 项目的编写方式。 |
来自 Vue 3.0 的 Composition API 尝鲜 | 前段时间,Vue 官方释出了 Composition API RFC 的文档,我也在收到消息的第一时间上手尝鲜。虽然 Vue 3.0 尚未发布,但是其处于 RFC 阶段的 Composition API 已经可以通过插件 @vue/composition-api 进行体验了。接下来的内容我将以构建一个 TODO LIST 应用来体验 Composition API 的用法。 |
vue-cli 3.0 脚手架,从入门到放弃(二) | 想写好代码,和用好一个工具是离不开的, 一般我们使用的工具有 HuilderX,sublimetext3,vscode,webstorm 等,个人目前使用的是 hb,和 vscode,可以根据个人爱好各自选择,但一定要熟练。 |
vue-cli 3.0 脚手架,从入门到放弃(三) | 来总结下流程, 从我们 npm run serve 开始,打开 localhost:8080 端口,首先会加载 index.html。然后去 app.vue 里查找路由组件,这是会调动 router.js 里的配置,选择首先要打开哪个文件,找到我们的那个 path:'/'的页面,浏览器显示。完成。 |
不要叫我达芬奇
2019.01-2019.07
- 尤雨溪大大在 6 月 4 日的 Vue3.0 的技术分享
- 你了解 vue3.0 响应式数据怎么实现吗?
- Vue 3.0 前的 TypeScript 最佳入门实践
- Vue 3.0 的重大改动暴露了哪些问题
- 尤雨溪关于 VUE3.0 进展的重磅分享
- 提前使用 Vue 3.0 新特性,vue-function-api 尝鲜
- 为 vue3 学点 typescript(1), 体验 typescript
- 精读《Vue3.0 Function API》
- 为 vue3 学点 typescript, 基础类型和入门高级类型
- 揭秘 Vue 3.0 最具潜力的 API
- 面向未来编程,如何在 Vue2 中使用 Vue3 的语法[实践篇]
- Vue CLI 3 项目构建基础
- 你了解 vue3.0 响应式数据怎么实现吗?
- 模拟 vue3.0 rfcs
createComponent
api 中的props
类型推导 - Vue-cli 3.5.1 + Webstorm 使用手机访问演示页面
- 用 vue3 公开的思路从 0 实现最简化的 vue
- 在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @
- 配置一个 vue3.0 项目
- 快速上手最新的 Vue CLI 3
- Vue-CLI 3.x 自动部署项目至服务器
- Vue-Cli 3.0 从 0 开始搭建项目(篇 1)
- 入手 vue-cli 3.x
- Vue-cli 3.5.1 + Webstorm 使用手机访问演示页面
- 关于 vue-cli 3 配置打包优化要点
天寒之时必封初冬
介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的 vue 命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/cli-service 是一个开发环境依赖。
vue.js 核心团队已经讨论过将在 Vue3 实现的变化。虽然 API 不会改变,但是数据响应机制(译者注:对数据改变的监听和通知)发生了变化。这意味着什么呢,同时它对你意味着什么呢?
vue3.0 使用了 cli3 快捷搭建的技巧和配搭
Evan You 刚刚发布了最新的 Vue 3 和他在 Vue Toronto 的演讲内容:
关于项目创建,除了命令创建 3.x 还增加了图形化界面创建以及管理 vue 项目 在创建新项目时还可以混合选用多种集成
ue 3.0 的生命周期多了哪些东西和其中又改变了什么
如今上 Vue 官网一看,脚手架都早已出 3.0 版了。唉,果然干这行一天不学习都感觉要落伍……
近日,Vue 的作者尤雨溪在 Medium 上宣布正式发布 Vue CLI 3.0,它也将为很多开发者带来期待已久的新特性。
在上周的 Vue.js 伦敦会议上我简短地透露了下个版本的 Vue 的新特性。这篇文章讲深入地阐述
这些优化方案适用于 Vue CLI 2 和 Vue CLI 3 , 文章主要基于 Vue CLI 2 进行介绍,关于如何在 Vue CLI 3 中进行相关的 webpack 调整,我已经放在了 vue-cli3-optimization 这个仓库下,并配有详细的注释,且额外添加方便 Sass 使用的 loader,使用 Sass 时无需再在每个需要引入变量和 mixin 的地方,每次都很麻烦的 @import。下面将详细介绍这些优化方案的实践方式和效果。
不同的项目往往有不同的需求,所以 webpack 这种高可配的打包工具才会火起来,但同时也被骂太复杂了。所以很多人就想简化或者封装配置,例如 facebook/create-react-app 将所有的配置脚本封装为 NPM 软件包。
上个月,Vue CLI 3.0 正式发布,为很多开发者带来期待已久的新特性,尤雨溪也说 Vue CLI 3.0 经历了重构,旨在尽可能减少现代前端工具在配置上的烦恼,并尽可能在工具链中加入最佳实践,让其成为 Vue 应用程序的默认实践。为了获取更多细节,InfoQ 采访了尤雨溪,以下是对采访内容的整理。
在上周的 Vue.js 伦敦大会上,尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容,9 月 30 日,尤雨溪在 medium 个人博客上发布了 Vue 3.0 的开发路线,全文如下
博学之,审问之,慎思之,明辨之,笃行之。
作者:蓝少 (@bluezhan) 版权声明:自由转载-非商用-非衍生-保持署名(创意共享 3.0 许可证)
Released under the MIT License.