vue的一些小知识点

2018-11-13  本文已影响0人  奔跑之咸鱼

data{{

    msg:xxxxxxxx

}}

<v-text="msg">是把msg以文本形式呈现

<v-html="msg">是把msg尽量以html的标签形式呈现

v-bind:src表示强制数据绑定,可以把一般的文本变成一个表达式,可以省略的写成:src

v-on:click是绑定点击事件,但是v-on会爆红,看着难受,去掉了又变成强制数据绑定,所以可以简写成@click

v-model=“xxx”,你可以在compute中写xxx(){}

watch属性,需要传入value,你watch谁,这个value就是谁,用vue实例的$watch可以监视更多的变量

a,aClass,bClass都是data中的变量,你还得去head那里写一下class里所具备的属性,一个标签可以有动态绑定的(:class),也可以有固有的(css直接定义),在{}里可以判断true和false,[]里想要几个要几个,绑定style的话一定要用{}

停止事件冒泡click.stop

阻止事件默认行为click.prevent

利用event可以获取button上的文本

js以前是使用keyCode == xx来做判断条件,现在直接在keyup后加.enter就可以控制了

循环数组的基本操作,city表示数组内的元素,index表示下标,但是你得把强制绑定出来,把他变成表达式

有了input必然会有v-model

上一篇 下一篇

猜你喜欢

热点阅读