Vue3.0全家桶最全入门指南 – vue3.0新特性 (2/4)
本篇是 Vue3 全家桶系列第 2 篇，对照 2.x 讲 vue3.0 新特性：createApp、页面与路由、Composition API（reactive / ref / readonly / computed / watch）、生命周期、Fragment、Teleport、Suspense。…
本篇是 Vue3 全家桶系列第 2 篇，对照 2.x 讲 vue3.0 新特性：createApp、页面与路由、Composition API（reactive / ref / readonly / computed / watch）、生命周期、Fragment、Teleport、Suspense。…
Vue 3.0 当时已进入 Release Candidate：API 基本冻结，只修 bug，没有大问题就不会再改功能。 本篇是全家桶入门的第 1/4，只做一件事：用最新 vue-cli 快速搭好 Vue 3 项目。正式版之后这些步骤仍然通用，截图对应 2020 年的 CLI 界面。 为了照顾 2…
本文是 Vue3.0 系列的第二篇：从零搭一套基于 Vue3.0 与 vite 的开发环境。学完可以完成初始化项目、配置 TypeScript、接入 vue-router 和 vuex，并用 Composition API 写一个 TodoList。 vite 在开发期走浏览器原生 ES Modul…
每天写重复代码、当 CV 仔，效率上不去。上一篇《绝对干货~！学会这些Vue小技巧，可以早点下班和女神约会了》整理过一批 Vue 小技巧；这里再补一组实战写法：hookEvent 监听生命周期、Vue.observable 小项目状态、Vue.extend 全局 Loading、自定义指令、watc…
Vue 官网过渡动画里有一段很炫的效果。乍一看手写逻辑会很复杂，文档里出现了 FLIP。顺着这条线能在 Aerotwist 的 flip-your-animations 上找到思路，再一步步做出类似效果。图片素材引自知乎《有个漂亮女朋友是种怎样的体验？》，侵删。 本文最终效果： 预览：http://…
vue-property-decorator 完全依赖 vue-class-component。在 Vue 单文件里用 TypeScript 时，它把 Options API 收成装饰器：类字段当 data、get 当 computed，@Emit / @Watch / @Prop / @Model…
浏览器画一页，要先有真实 DOM，再算样式、布局、绘制。用 JS 频繁改这些节点代价很高：每次改都可能让引擎把流程再走一遍。虚拟 DOM（vdom）用 JS 对象先在内存里描述界面，批量算出差异再一次性贴回真实 DOM。 它不是「从此不用操作 DOM」，而是把多次真实 DOM 更新收成一次；真正让 …
VUE 3.0 学习探索入门系列计划用一个月把 Vue 3 摸一遍（当时也预期快 Release 了）。从 2019 年尤雨溪在会上反复讲 3.0 特性，到写稿时的 2020.3.21，等了一年多还没正式发布，热情容易耗尽。 写这组系列，是想趁还剩一点兴趣，快速、全面地看一眼 Vue 3.x。等完全…
这篇是一万多字的 Vue 知识点整理：从与 Angular、React 的对比和 MVVM，讲到指令、实例、组件、生命周期、路由和 Vuex。 下文按原目录顺序保留全部说明、列表和代码示例，方便对照查阅。 1、Vue和其他两大框架的区别 Angular 学习成本太高 React 代码可读性差 Vue…
前后端分离普及之后，把 Vue 项目部署到 Nginx、把 Node 服务跑在 CentOS 上，成了前端的基本功。本文按原文记录根路径、子路径、history 刷新 404，以及 forever 常驻进程，并保留全部截图和命令。 配置文件是 vue.config.js。它和 package.jso…
