双向数据绑定

<!--双向数据绑定v-model ,没有简写-->

            <!--绑定的事表单控件-->

                <input type="text" v-model :value= 'value1'>

                <button>+</button>

                <input type="text" v-model :value= 'value2'>

                <button @click= ' add'>=</button>

                <input type="text" v-model :value= 'result'>

                <p class="first second">这是一 段文字...</p>

<!--使用vue设置多个样式的时候可以使用数组-->

<p :class=" [pClass,flag?'second':'']">这是一段文字...</p>

<!--当我们根据某个条件显示某个样式的时候可以使用对象的方式-->

<!--对象里的键就是我们显示的样式，值是个boo1类型，就是我们是否显示这个样式-->

<p :class=" [pClass,{'second' :flag}]">这是一 段文字...</p>

<!--直接使用对象，对象里的键就是我们显示的样式，值是个boo1类型，就是我们是否显示这个样式-->

<p :class="{' first' :false, 'second' :true}">这是一 段文字...</p>

<!-- 在data.上定义样式在元素中，通过属性绑定的形式，将样式对象应用到元素中-->

<div :sty1e="textSty1e*">{{msg}}</div>