Vue基础：

一、框架：

1、什么是框架：

             是一套完整的解决方案，程序开发人员只需要按规范添加数据，就可以实现项目的需求。

2、Vue框架：

（1）作用：构建用户界面

（2）渐进式框架：根据实际的需求，逐步的添加Vue功能

3、Vue的版本：

（1）Vue2

（2）Vue3

二、Vue2的使用

1、网页版：

（1）通过script标签引入vue.js库文件 --- 本地的vue.js文件

（2）使用CDN加速器地址： < script src='https://cdn.jsdelivr.net/npm/vue@2' >< /script>

2、Vue实例的data属性

（1）定义的是vue实例的数据：类型可以是字符串(String)、数值(Number)、数组(Array)、对象(Object)

（2）data中定义的属性值发生变化时，DOM中的内容也会发生变化

（3）Vue实例可以通过$data的方式来获取data中的所有属性（Vue实例名.$data.属性名）

3、工程化的使用方法：

（1）使用vue-cli脚手架

（2）vue-cli + webpack

三、Vue的基本指令：是以 v- 开头，和DOM元素一起使用

（1）{{ }}：插值表达式，又称为mustache语法。用于在DOM中显示vue实例的data属性值

（2）v-show指令：用来控制DOM元素的显示与隐藏。它绑定一个变量，该变量的值为true，则对应的DOM元素就显示；为false就不显示。本质是封装了元素的css样式的display属性