Vue简介以及基础写法

什么是Vue?

企业为了提高开发效率，所以有了Vue；
Vue是目前比较火、比较流行的框架；

Vue、Angular和react并称为前端三大主流框架；

Vue是一套用于构建用户界面的渐进式框架，可以自底向上逐层应用；

Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，vue也完全能够为复杂的单页应用提供驱动。

vue的特点：

易用、灵活、高效

vue的优点

1. 体积小
2. 更高的运行效率
   （基于虚拟DOM，一种可以预先通过JavaScript进行各种计算，把最终的Dom操作计算出来并优化的技术，由于这个dom操作属于预处理操作，并没有真实的操作dom，所以叫做虚拟DOM）
3. 双向数据绑定
   （让开发者不用再去操作DOM对象，把更多的精力投入到业务逻辑中 ）
4. 生态丰富、学习成本低
   (市场上拥有大量成熟的、稳定的基于vue的常用组件拿来实现快速开发 )
5. 使用场景广泛
   ( 被广泛应用于web前端、移动端、跨平台应用开发)

vue的基本写法

其中的:

• el就是挂载点（就是指定dom标签容器的选择器，使vue管理对应的标签及其子标签）
• template也就是图1的{{title}}所在的区域这个是模板（最终形成的html结构）
• data就是数据

vue帮助我们做的事情：就是把data和template结合起来，并添加到DOM树上

如果指定了el，且没有template，那么el的outerHTML将作为template
如果有template，则优先选择template中的内容,并覆盖点挂载点中的内容

每一个独立的模板有且只能有一个顶级的根节点

代码如下：

如上图那么显示的结果就是hello和world