Vue简介和项目构建
1.Vue.js
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 官网: https://cn.vuejs.org/ 版本为:Vue 3 1.1.【Vue3性能的提升】 - 打包大小减少`41%`。 - 初次渲染快`55%`, 更新渲染快`133%`。 - 内存减少`54%`。 1.2.【 源码的升级】 - 使用`Proxy`代替`defineProperty`实现响应式。 - 重写虚拟`DOM`的实现和`Tree-Shaking`。 1.3. 【拥抱TypeScript】 - `Vue3`可以更好的支持`TypeScript`。 1.4. 【新的特性】 1. `Composition API`(组合`API`): - `setup` - `ref`与`reactive` - `computed`与`watch` 2. 新的内置组件: - `Fragment` - `Teleport` - `Suspense` 3. 其他改变: - 新的生命周期钩子 - `data` 选项应始终被声明为一个函数 - 移除`keyCode`支持作为` v-on` 的修饰符 |