vue.js基本语法

更新时间:2023-06-17 05:05:04 阅读: 评论:0

vue.js基本语法面试中的优缺点
留学英语Vue.js的指令是以v-开头的
1.v-if:
v-if是条件渲染指令,它根据表达式的真假来删除和插⼊元素,它的基本语法如下:
v-if="expression",expression是⼀个返回bool值的表达式,表达式可以是⼀个bool属性,也可以是⼀个返回bool的运算式。
2.v-show也是条件渲染指令,和v-if指令不同的是,使⽤v-show指令的元素始终会被渲染到HTML,它只是简单地为元素设置CSS的style 属性。
3.v-el指令
可以⽤v-el指令为v-if或v-show添加⼀个“el块”。v-el元素必须⽴即跟在v-if或v-show元素的后⾯——否则它不能被识别。
4.v-for指令
nair
v-for指令基于⼀个数组渲染⼀个列表,它和JavaScript的遍历语法相似:
disguiv-for="item in items",items是⼀个数组,item是当前被遍历的数组元素。
5.v-bind指令
v-bind指令可以在其名称后⾯带⼀个参数,中间放⼀个冒号隔开,这个参数通常是HTML元素的特性(attribute),例如:v-bind:class v-bind:argument="expression"tatiana
6.v-on指令
v-on指令⽤于给监听DOM事件,它的⽤语法和v-bind是类似的,例如监听<a>元素的点击事件:
7.v-bind和v-on的缩写
Vue.js为最常⽤的两个指令v-bind和v-on提供了缩写⽅式。v-bind指令可以缩写为⼀个冒号,v-on指令可以缩写为@符号。
8.插值
pray是什么意思⽂本,数据绑定最常见的形式就是使⽤“Mustache”语法 (双⼤括号) 的⽂本插值:
二建报名
<span>Message: {{ msg }}</span>
Mustache 标签将会被替代为对应数据对象上 msg 属性的值。⽆论何时,绑定的数据对象上 msg 属性发⽣了改变,插值处的内容都会更新,通过使⽤ v-once 指令,你也能执⾏⼀次性地插值,当数据改变时,插值处的内容不会更新。但请留⼼这会影响到该节点上的其它数据绑定:<span v-once>这个将不会改变: {{ msg }}</span>
what are words 歌词9.原始 HTML
双⼤括号会将数据解释为普通⽂本,⽽⾮ HTML 代码。为了输出真正的 HTML,你需要使⽤ v-html 指令:angel啥意思
<p>Using mustaches: {{ rawHtml }}</p>
<p>Using v-html directive: <span v-html="rawHtml"></span></p>
10.修饰符
商务翻译修饰符 (Modifiers) 是以半⾓句号 . 指明的特殊后缀,⽤于指出⼀个指令应该以特殊⽅式绑定。例如,.prevent 修饰符告诉 v-on 指令对于触发的事件调⽤ event.preventDefault():
<form v-on:submit.prevent="onSubmit">...</form>

本文发布于:2023-06-17 05:05:04,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/78/973086.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:指令   数据   元素   插值   表达式   渲染   缩写   绑定
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图