Vue2大概了解

263 阅读1分钟

Vue2介绍:

在Vue2中,Vue是一个构造函数「类」,我们使用Vue构建项目,就是创建此类的一个实例!(没使用脚手架时)


1. Vue2采用的是OptionsAPI「配置项」

  • 基于el指定构建的视图

  • 基于data构建需要的数据

  • 基于methods创建方法

  • 基于computed创建计算属性「特征:依赖于某些值算出新的值」

  • ……

1.初步介绍结构.png

2. Vue2采用的是template语法来构建视图

template语法包括胡子语法{{ }},各种指令 v-xxx

示例:

2.template语法.png


2.1胡子语法

react的胡子语法是一对花括号;vue是2对


2.2各种指令(14个)

所谓的指令其实就是给标签设置“自定义属性”,Vue在渲染视图的时候,会识别这些属性,根据不同的属性,实现不同的效果!!