v-model
:一般用在表达输入,很轻松的实现表单控件和数据的双向绑定v-html
: 更新元素的innerHTML
v-show
与v-if
: 条件渲染, 注意二者区别
使用了
v-if
的时候,如果值为false
,那么页面将不会有这个html
标签生成。v-show
则是不管值为true
还是false
,html
元素都会存在,只是CSS
中的display
显示或隐藏
v-on
:click
: 可以简写为@click
,@
绑定一个事件。如果事件触发了,就可以指定事件的处理函数v-for
:基于源数据多次渲染元素或模板块v-bind
: 当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM
语法:
v-bind:title="msg"
简写::title="msg"