面试题目之：说出至少4种vue当中的指令和它的用法？
说出至少4种vue当中的指令和它的用法？
（1）{{}} 、v-html 和v-text ==》 非表单元素
{{}}：以{{data的属性名}}的方式直接使用在标签之间
例如：
{{}}不能解析data中属性值中的标签
当vue.js没有加载出来时，页面中显示{{}}一类的数据，不利于用户 体验
解决闪屏问题：通过指令v-cloak实现：v-cloak绑定在作用于vue实例的标签上，当vue.js没有加载完成时，设置[v-cloak]的样式为：diplay： none，当vue.js加载完成后，将[v-cloak]作用的元素样式为：display： block
V-html：以标签的属性形式使用
v-html写在标签中，当做属性展示
v-html的值是data的属性名
标签中的内容不再浏览器体现.
v-htmlt可以解析data中属性值中的标签
当vue.js没有加载出来时，页面中不展示任何数据
V-text：同样以标签属性的形式使用
v-text写在标签中，当做属性展示
v-text的值是data的属性名
标签中的内容不再浏览器体现
v-text不能解析data中属性值中的标签
当vue.js没有加载出来时，页面中不展示任何数据
（2）v-model双向数据绑定指令
表单元素
v-model的值是data的属性名
input框的值是data的属性名对应的值
value属性在这里不起任何作用
（3）V-bind指令：绑定属性
媒体元素
v-bind指令：一般绑定的是属性（将标签原有的属性与data的属性进行绑定）
书写形式： v-bind：属性名=“data中的属性名”
v-bind：简写形式： ：属性名=“data中的属性名”
（4）v-if和v-show
指令都是用于控制元素的隐藏与显示，使用的时候同样是当做标签的属性进行使用
相同点：都是控制着元素的显示和隐藏
不同点：当表达式的值为false，v-if采用的惰性模式，v-show通过样式中的属性display：none来控制
在实际应用中：
v-if：一般使用在页面一旦加载完成，几乎不再修改，可以使用
v-show：使用在元素切换频率比较高的情况下(eg：选项卡切换)
（5）v-for指令
遍历
遍历数组
遍历数值
遍历字符串
遍历对象
数组：v-for="(item，index) in 数组名称" v-for="(item，index) of 数组名称" item：指数组的每一项 index：指数组下标
- {{index}}=== {{item}}
对象：v-for="(item，key，index) in 对象名称" item：指对象中的每一项值 key：对象的键 index：对象的下标
（6）v-once指令
作为标签的属性进行使用 v-once：指当前元素和它的所有子级首次在页面显示完成之后，不会再进 行修改
{{num}}
面试题目之：说出至少4种vue当中的指令和它的用法？相关推荐
- 说出至少4种vue当中的指令和它的用法？
v-if 判断是否隐藏 v-show 控制的隐藏出现,只是将css属性设为了display:none 或block; v-if 当值为 true时,显示div ,当值为false时,改元素 ...
- vue面试题目（更新版）
vue面试题目 vue数据 1. 说一下Vue的双向绑定数据的原理 2. 解释单向数据流和双向数据绑定 3. Vue 如何去除url中的 4. 对 MVC.MVVM的理解 5. 介绍虚拟DOM 6. ...
- 12种排序算法：原理、图解、动画视频演示、代码以及笔试面试题目中的应用
0.前言 从这一部分开始直接切入我们计算机互联网笔试面试中的重头戏算法了,初始的想法是找一条主线,比如数据结构或者解题思路方法,将博主见过做过整理过的算法题逐个分析一遍(博主当年自己学算法就是用这种比 ...
- 渗透测试笔试面试题目汇总
1.渗透测试流程和工具? 渗透测试流程概述 前期交互阶段.情报搜集阶段.威胁建模阶段.漏洞分析阶段. 渗透攻击阶段(Exploitation).后渗透攻击阶段(怎么一直控制,维持访问).报告阶段.攻击 ...
- 渗透测试工程师面试题目大全
渗透测试面试题 一.思路流程 1.信息收集 服务器的相关信息(真实ip,系统类型,版本,开放端口,WAF等) 网站指纹识别(包括,cms,cdn,证书等),dns记录 whois信息,姓名,备案,邮箱 ...
- 1000以内完数c语言程序_C语言经典面试题目及答案详解（二）
接着上次来说,C语言经典面试题目及答案详解(一)当中大部分是一些概念和理解的东西 ,今天说一说实践操作,有关c的经典程序. 1.输出9*9口诀.共9行9列,i控制行,j控制列. #include &q ...
- c语言sort函数_C语言经典面试题目及答案详解（二）
接着上次来说,C语言经典面试题目及答案详解(一)当中大部分是一些概念和理解的东西 ,今天说一说实践操作,有关c的经典程序. 1.输出9*9口诀.共9行9列,i控制行,j控制列. #include 2. ...
- 计算机专业铁路局面试题目,铁路局招聘面试
[面试题目1] 你正在公休外出,第二天领导就给你电话说有急事需要马上赶回单位.你很不情愿,你如何向领导解释? [解读] 我在公休外出,领导让我回去处理紧急事情,我一定会想办法处理这个急事,个人休假是小 ...
- 2022渗透测试-面试题目大全
1.拿到一个待检测的站,你觉得应该先做什么? (1)信息收集 1.获取域名的 whois 信息,获取注册者邮箱姓名电话等. 2.查询服务器旁站以及子域名站点,因为主站一般比较难,所以先看看旁 站有没有 ...
最新文章
- 有计划地开放数据 促进大数据法规落地
- C#性能优化：延迟初始化LazyT
- python os system_python中os. popen system的区别
- 在pycharm中导入anaconda的库
- ssh 双机互信配置记要
- Mybatis返回类型和接收参数为Map类型
- 如何决定何时使用Node.js？
- 为什么每个邮件收到后都会有一个htm的附件_职场邮件：领导、同事都喜欢收到的邮件丨邮件技巧...
- Tomcat反射时报错java.lang.ClassNotFoundException
- 丹纳赫：全球实业型赋能投资标杆
- js JavaScript实战练习——小球碰撞反弹(详细)
- python 全栈开发，Day122(人工智能初识,百度AI)
- 大一python选择题及答案-一部英语电影手抄报内容
- 集群搭建——SGE与PBS
- 开机 服务 自动 bat regedi_android实现通话自动录音服务_Android
- vue3+tsx 踩坑
- 编译程序和解释程序有什么区别？
- opencv cv2.THRESH_OTSU 二值化
- python扫描器_Python扫描器-HTTP协议
- 轮询，长连接，长轮询原理及实现方式，优缺点