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
vue的 基础指令及解读
猜你喜欢
转载自blog.csdn.net/qq_43201542/article/details/87866905
今日推荐
周排行