Vue 入门，此文足矣

目的

• 了解 Vue 是什么？
• 了解为什么选择 Vue
• 用案例来了解 Vue 常用的核心语法

一、Vue 是什么？

引自官网——

Vue (读音 /vjuː/，类似于 view) 是一套用于 构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以 自底向上逐层应用。Vue 的核心库 只关注视图层，不仅易于上手，还 便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够 为复杂的单页应用提供驱动。

构建用户界面的渐进式框架

构建用户界面比较好理解，但渐进式框架是个什么鬼？
简单来说，渐进式框架是这样一个东东。你可以边学习边掌握边按需应用到项目中，而不必将它完全掌握后对项目进行重构。^[1]

自底向上逐层应用

由基层开始做起，把基础的东西写好，再逐层往上添加效果和功能。^[1]

只关注视图层

声明式渲染、组件式开发、css过渡和动画 等都是为此服务。

便于与第三方库或既有项目整合

由于 Vue 是一个 渐进式框架，那能实现与既有项目整合肯定是必然的。

为复杂的单页应用提供驱动

• 现代化工具链：webpack、vite
• 各种支持类库：UI、vuex、vue-router

二、为什么选择 Vue^[2]

了解完 Vue 的特点后，就明白我们为什么选择它了：

• 简化 DOM 与数据的绑定而不必重构项目
• 轻量化且易于学习
• 支持构建单页面应用
• 虚拟 DOM，提升运行效率
• 组件化开发
• 社区活跃

就第一点稍微说明一下，以传统方法实现 DOM 和数据的双向绑定，我们会这样写：

    

      结果是：
      
      获取信息
    
    

      修改结果：
    
    

参考

[1] Vue 中的重要概念
[2] 我们为什么选择VUE来构建前端