Vue第一篇！

小试牛刀编写我们vue第一个简单的例子

接下来我们认识一下vue指令：

v-if v-else: 等同于我们js里面的if判断

给大家看一下例子：

isTrue的值是false,所以运行后页面显示 ‘太帅无法显示’

    v-show；显示已隐藏，等同于display属性

                                      <div v-show="isTrue">你好啊</div>

   v-for指令 ：解决模板循环问题，循环渲染一组data中的数组，以 item in items 形式的语法

想循环哪个标签v-for就写在该标签里

v-model 双向数据绑定 input标签内输入的字符可直接显示到div内

  

v-text:输出文本   v-html ：可输出带标签的内容

v-on: 事件绑定，事件监听

使用v-on指令，编写一个加分减分的程序。

v-on指令简写形式

<button :click="fn">加分</button>

多选按钮绑定值

单选按钮绑定数据

v-bind 指令

v-bind 指令简写形式

<img :src="imgSrc" width="200px">

绑定css样式：<div :class="className">绑定classA</div>

绑定class中使用三元表达式判断： <div :class="isZTrue?classA:classB">绑定class中的三元表达式判断</div>

绑定style： <div :style="{color:red,fontSize:15px}">绑定style</div>