<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>运算结果:{{count}}</h1> <p> </p> <bu ...
转载 2021-08-15 22:29:00
106阅读
2评论
Vue学习(三)- v-onv-on 使用v-on是用于绑定事件监听器。事件类型由参数指定,表达
原创 2022-11-09 18:25:47
56阅读
Vue学习(二)- v-forv-for就相当于程序语言中的for一样,可以遍历一个Array、Objec
原创 2022-11-09 18:25:56
139阅读
内容来自于网络: Vue for v-for 2.x版本:v-for="(item,index) in items"index即索引值。 理解v-for="( item, index) in item次渲染元素或模板块。在v-for=
转载 5月前
8阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <ul> <li v-for="p in personArr">{{p} ...
转载 2021-08-17 18:24:00
349阅读
2评论
<div id="app"> <ul> <li v-for="(value, key, index) in info"> {{value}} - {{key}} - {{index}}</li> </ul> <ul> <li v-for="item in info"> {{item}}</li> </ul></div>.
原创 2022-06-27 11:15:55
171阅读
1.v-if写法: (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式"适用于:获取到。 <div id="app"> <p v-if="false"&gt
原创 2022-12-21 10:23:04
276阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <div v-if= ...
转载 2021-08-17 17:29:00
249阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p v-if="
转载 2021-07-01 18:20:00
134阅读
2评论
v if v for v bind v on 案例整合
原创 2021-08-05 16:20:36
266阅读
<div v-if='score >= 90'>优秀</div> <div v-else-if='score >= 80'>良</div> <div v-else-if='score >= 60'>及格</div> <div v-else>不及格</div> 每个条件语句都需要一个前缀V ...
转载 2021-09-06 17:50:00
193阅读
2评论
推荐:Vue学习汇总Vue学习(九)- v-text、v-htmlinnerText和innerHTML的区别代
原创 2022-11-09 18:25:13
108阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>会变化 {{msg}}</h1> <p> </p> <h1 v- ...
转载 2021-08-15 13:06:00
54阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p v-pre>
转载 2021-06-30 18:32:00
76阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <input type="text" ...
转载 2021-08-18 16:37:00
238阅读
2评论
Vue学习(四)- v-modelv-model可以在表单控件或者组件上创建双向绑定。双向绑
原创 2022-11-09 18:25:52
60阅读
指令指令的英文:directive,vue指令的作用是通过带有v-的特殊属性,实现对dom的响应式加载 v-ifv-if的作用是通过一个布尔表达式进行对dom的上树和下树的渲染 基本使用:<p v-if="false">我是第一行dom元素</p><p v-if="true">我是第二行dom元素</p>我们工作中不是使用布尔值直接进行渲染,而是通
原创 2021-12-23 10:16:59
609阅读
v-for不用使用v-for的情况下 我们要写很多代码// var colors=['black','red','blue'];// var colorsLen=colors.length;// for(var i=0;color
原创 2023-03-14 09:19:19
84阅读
Vue学习(四)- v-bindv-bind 使用v-bind动态地绑定一个或多个attribute,或一个组件 p
原创 2022-11-09 18:25:50
113阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{msg}}</h1> <p> </p> <h1 v-text ...
转载 2021-08-15 15:54:00
62阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5