Vue
Alkaid:
这个作者很懒,什么都没留下…
展开
-
【Vue】v-for的key作用
Vue: v-for的键值key原创 2021-10-12 16:52:55 · 96 阅读 · 0 评论 -
【Vue】Vue的生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <p id="p1">{{info}}</p></div></body></html>.原创 2021-09-12 22:39:14 · 74 阅读 · 0 评论 -
【Vue】计算属性computed:
当页面中需要多次计算,可以使用计算属性,计算属性只会计算一次,并将计算结果缓存<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <p>单价:{{price}}</p>原创 2021-09-12 22:37:43 · 76 阅读 · 0 评论 -
【Vue】v-for的使用
v-for用于遍历vue中的数据,可以遍历数组、对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!-- 第二个的参数为键名--> <p v-for="(valu原创 2021-09-10 22:54:16 · 134 阅读 · 0 评论 -
【Vue】v-model双向绑定的指令
v-model用于将表单元素的value属性交给vue实例管理,这是一个双向绑定的指令双向绑定:Model影响view,view也会影响Model<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> &原创 2021-09-10 22:39:30 · 106 阅读 · 0 评论 -
【Vue】v-bind的使用
v-bind用于将html标签属性交给vue实例管理,这样就可以通过vue来动态修改html标签属性了v-bind: 可以用:来代替,如v-bind:src=""可以写成:src=""<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-bind</title> <style> .bgblue原创 2021-09-09 21:42:45 · 178 阅读 · 0 评论 -
【Vue】v-if与v-show的使用和区别(控制标签的显示、隐藏)
v-if和v-show都是用于控制标签的显示、隐藏区别<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>显示或隐藏标签</title></head><body><div id="app"> <p v-if="false">欢迎您:张三</p> &l原创 2021-09-09 21:37:56 · 640 阅读 · 0 评论 -
【Vue】v-on的使用及爆红解决方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <button onclick="f1()">按钮1</button> <button v-on:click="f原创 2021-09-07 23:02:59 · 936 阅读 · 0 评论 -
【Vue】{{}}、v-text、v-html区别和应用
{{}}获取值,不会清空标签原有内容v-text 获取值,会清空标签原有内容,输出的是纯文本v-html 获取值,会清空标签原有内容,若数据中包含html标签,将其当html标签解析后输出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&l.原创 2021-09-07 22:30:25 · 146 阅读 · 0 评论