Vue基础之v-cloak、v-text、v-html、v-bind、v-on的基本使用

2021-03-07 03:29

阅读:347

标签:简化   问题   +++   事件绑定   ++   img   strong   作用   按钮   

 

 

 

 

                           技术图片        技术图片

 

 

 

 

1、使用 v-cloak 能够解决 插值表达式闪烁的问题

++++++++ {{ msg }} ----------

2、v-html的作用?

输出data中的html的内容的

"msg2">1212112
var vm = new Vue({ el: #app, data: { msg2:

哈哈,我是一个大大的H1, 我大,我骄傲

, }, })

3、v-bind的作用?

用于绑定属性的指令:input type="button" value="按钮" v-bind:title="mytitle + ‘123‘"

v-bind: 指令可以被简写: 要绑定的属性

4、v-on的作用?

* 用于事件绑定机制:比如click,mouseover等:input type="button" value="按钮" :title="mytitle + ‘123‘" v-on:click="alert(‘hello‘)"

* 缩写是 @

5、Vue指令之v-bind的三种用法?

直接使用指令v-bind

使用简化指令 :

在绑定的时候,拼接绑定内容::title="btnTitle + , 这是追加的内容 ‘  "

 

Vue基础之v-cloak、v-text、v-html、v-bind、v-on的基本使用

标签:简化   问题   +++   事件绑定   ++   img   strong   作用   按钮   

原文地址:https://www.cnblogs.com/JonaLin/p/12890638.html

上一篇:php对接金蝶系统

下一篇:js时间格式化


评论


亲,登录后才可以留言!