![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue的介绍使用
MIC的小橘子
这个作者很懒,什么都没留下…
展开
-
页面结构及文本图片列表标记
文本格式化、列表标签、特殊字符、图像标签原创 2023-02-26 10:19:31 · 109 阅读 · 0 评论 -
vue实现王者列表
展示王者荣耀中的人物能力信息列表数据。原创 2024-05-27 01:00:00 · 190 阅读 · 0 评论 -
v-if、 v-for
将容器中的所有数据进行循环遍历绑定到页面进行渲染的指令。类似于JavaScript中的for循环。需要注意:如果将v-if中的值设置为了false,则页面中清除了当前的元素(删除了这个元素)作用和v-show一样,都是实现了元素的隐藏和显示,通过布尔值进行设置。原创 2024-05-27 01:00:00 · 291 阅读 · 0 评论 -
v-show
虽然可以直接在v-show指令中设置true或false数据,但是为了能够更加灵活的控制显示或隐藏数据,一般布尔值 数据需要从vue实例对象中来。可以通过一个布尔值(真或假)进行元素的隐藏或显示。如果是真值(true)就显示元素;如果是假值(false)就 隐藏元素。从名字上就可以看出,v-show的所用就是显示或者隐藏一些元素。原创 2024-05-27 01:00:00 · 216 阅读 · 0 评论 -
Vue常用内置指令
1.用来进行数据绑定和事件绑定2. 用来进行逻辑处理的原创 2024-05-22 21:24:52 · 648 阅读 · 1 评论 -
v-on
在使用事件绑定的时候,一般不会去写v-on指令,而是通过一个简化的方式来实现指令。通过v-on可以进行不同事件的绑定。常用的事件是按钮的单击事件。原创 2024-05-25 01:00:00 · 106 阅读 · 0 评论 -
v-bind
和v-model的使用效果基本一样,只不过v-model是数据的双向绑定,v-bind是数据的单向绑定(只有属性的修改 会影响绑定的数据,而绑定的数据不会影响属性)单向绑定指令由于后边需要跟属性名称,所有可以进行简化操作。v-bind指令可以应用在元素中的所有的属性之上。原创 2024-05-25 01:00:00 · 209 阅读 · 0 评论 -
v-html
如果在元素中添加普通的文本信息的时候,可以使用v-text,但是,如果在添加的信息中包含html标签的时候,v-text就无法解析了。如果需要解析字符串中的标签,可以使用v-html指令。v-html相当于DOM对象中的 innterHTML属性。原创 2024-05-24 08:00:00 · 146 阅读 · 1 评论 -
v-text
在元素中动态的添加一些内部的文本信息,类似于DOM对象中的innerText属性的使用。2)使用v-text指令(当成标签的一个普通属性)1)使用mustache表达式({{属性名}})原创 2024-05-24 08:00:00 · 164 阅读 · 1 评论 -
v-model
双向数据绑定指令 所谓的双向绑定是指元素中的数据修改后会影响data中属性的数据;反之,data属性中的数据修改后会影响元素中 数据。v-model主要实现数据双向绑定,通常用在表单元素上,例如input、textarea、select等。原创 2024-05-22 21:29:19 · 413 阅读 · 1 评论