vue常见api

Posted 2023-03-28

参考技术A

[toc]

注： 插值表达式 不能写语句

1+1=== 2 && “哈哈哈” 输出 哈哈哈

1+1 !== 2 && "哈哈哈" 输出 false

使用v-text指令渲染标签内的文本内容

<div v-text="\'这里v-text内容\'">msg</div>

使用v-html，可以渲染文本中的标签

v-html与v-text的区别就是，text不会解析标签，html则会解析标签

配合css样式，在数据渲染之前，让元素先加载你写的样式，当数据渲染结束后会一处该属性

将数组数据循环渲染

v-bind:属性，用于动态绑定元素的属性

v-bind:属性，可以直接简写为 :属性

在标签内直接使用if语句

数据决定显示，通过移除或者插入dom节点来完成操作

决定元素的显示或者隐藏，通过css样式控制，对于经常显示和隐藏操作的元素，v-show的使用效率高于v-if

比如:弹窗,手机注册和邮箱注册的两个tab的切换

v-show和v-if的区别：v-show是通过css样式控制显示或者隐藏，v-if则是通过dom节点的删除增加来

v-on可以直接在标签内绑定事件

如果如果想绑定一个函数则需要在传参时传入一个methods方法