Vue的基础了解

关于安装版本

如果是生产的环境，必须使用生产的min文件

CDN的Vue.js

vue的helloworld

Vue实例中的两种属性：

什么是插值语法？

就是使用{{}}的方式来描述的，就是插值语法。

什么是指令语法？ 就是前缀带有v-**的语法

 

指令 v-text 显示文本，不解析html代码

 

指令v-html ，可以解析html代码

 

 

指令v-bind:绑定属性

 注意 ： 使用v-bind绑定控制各式各样的属性：可以控制 href  class src 

 v-model 双向数据绑定，注意：双向数据绑定也仅仅对某些表单数据起作用

指令v-model ：  双向数据绑定的实际作用举例：

 

指令 v-on 事件指令

注意： 此处的点击事件，第三个参数传的是事件函数，也可以在console打印查看。

什么是事件修饰符？

就是在事件的基础上进行一些附加的 *** 作

 举例 *** 作：按鼠标中间的滚轮进行的事件：

 

指令：v-show: 显示和隐藏

 指令v-if： 判断指令

 

指令v-for： 循环指令

key-value的循环：

 

 指令v-cloak

使用场景：当加载vuejs太慢的情况下，使用v-cloak配合css的display隐藏功能 来使用。

v-claok的作用是当vue还没有加载完成之前，一直存在，加载完成之后，v-cloa自动消失。

配合css的使用，当存在的时候就隐藏。 

指令v-once 单词绑定