vue学习笔记
关注
分享
扫一扫
zyupupup
一入前端深似海，从此后端为路人
展开
-
Vue之属性绑定和双向属性绑定
v-bind单向绑定，是把数据传到html,v-bind:href可以简写为 :hrefv-model属性双向绑定，可以把数据传到input中，同时在input中进行改动时，js中也会同步获取数据this.name需要注意这些后面可以加些修饰符lazy 相当于监听change操作，只有在失去焦点的时候，才会进行数据绑定了(v-bind.lazy) number v-model...原创 2019-12-12 17:53:30 · 396 阅读 · 1 评论 -
Vue之条件语句(if-else-if)
主要组合有v-if="a>90" v-if="a>90" v-else v-if="a>90" v-else-if="a>60 v-else<!DOCTYPE html><html> <head> <script src="js/vue.min.js" type="text/javascript" ...原创 2019-12-12 17:14:09 · 2650 阅读 · 0 评论 -
Vue之循环语句
Vue的循环主要是v-for="hero in heros" v-for="hero,index in heros" 类似于heros[index]=hero这样子循环 v-for="i in 10" 最基本的，i=0 i++<!DOCTYPE html><html> <head> <script src="js/vue.mi...原创 2019-12-12 17:10:04 · 379 阅读 · 0 评论 -
Vue之监听事件
stop 在click后面加一个 .stop， 冒泡到了这里就结束了，就不会冒到上级 @click.stop="doc" .prevent @click.prevent="doc"提交事件不再重载页面 .capture 在当前事件上加@click.capture="doc"，会让其优先捕捉事件，优先级高于子事件。 .self @click.self="doc" 只有点击自己，才会导...原创 2019-12-11 11:38:53 · 261 阅读 · 0 评论