vue的 基础指令及解读

v-show
      控制当前元素的display：block属性控制元素的显示隐藏
v-on:evennam.修饰符  等同于
@eventname.修饰符
                    注册事件
            事件修饰符：      事件操作符可以连用
                    .prevent  阻止事件默认行为
                    .stop     阻止事件冒泡
                    .capture   捕获阶段执行         从大元素到小元素
                    .self     只触发自己的事件
                    .once     只绑定一次
                    .keyCode   键码
                    .keyalias   别
methods  
        用于定义方法
v-bind:属性
等同于    :  冒号
                    动态属性
            <li><a v-bind:href="urlsdf"></a></li>
v-for  循环   可以循环 数组  对象  字符串  数字
            <li v-for='item in arr'>
                {{item}}数组每一项
            </li>

v-for="(item,index) in array"
v-for="(value,key) in object"
v-for="val in num"  //val 从1开始


$event      找事件对象 是关键字

v-model      数据视图双向绑定   用于表单控件  和组件上  双向绑定很好用的

    <input type="text" placeholder="请输入价格" v-model='val'>
     <select v-model="sex">
                <option v-for="item in options" :value="item.title">{{item.title}}</option>
    </select>
    data:{
        val='',//就像生命变量一样   在其他的地方调用时用this来开头
    }

v-if
v-else-if