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