Vue

[TOC]

一、推荐导航

• Vue.js技术揭秘 (opens new window)
• Vue的8种组件通信方式 (opens new window)
• 风格指南 (opens new window)
• 函数式调用弹窗组件 (opens new window)

二、三大主流框架对比

Vue、React、Angular都是MVVM框架，但是Vue和Angular都是数据双向绑定，而React是单向数据流。

2.1 Vue

渐进式JavaScript框架。

2.1.1 特性

1. 轻量级的框架。
2. 双向数据绑定。

2.2 React

用于构建用户界面的JavaScript库。

2.2.1 特性

• 声明式
  • React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。
  • 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
• 组件化
  • 创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。
  • 组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。
• 一次学习，随处编写
  • 无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。
  • React 还可以使用 Node 进行服务器渲染，或使用 React Native开发原生移动应用。

2.3 Angular

依赖于TypeScript。

三、参考教程

• vue修饰符--可能是东半球最详细的文档（滑稽） (opens new window)
• 你也许不知道的 Vuejs (opens new window)
• mixins的用法 (opens new window)
• vuejs如何实现这样的展开收起动画？ (opens new window)
• 『前端工程』—— 封装Vue第三方组件的三板斧 (opens new window)
• 『前端工程』—— 如何搭建一个UI组件库 (opens new window)

其他

区分测试环境和生产环境 npm run dev -> BUILD_EVN 为 false npm run build -> BUILD_EVN 为 true