摘要：
<div id="myPage"> <h2>表单单选按钮</h2> <input type="radio" id="male" value="男" v-model="pickedSex"> <label for="male">男</label> <input type="radio" id="fem 阅读全文
posted @ 2020-08-24 15:39
一介桃白白
阅读(152)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <h2>表单复选框</h2> <input type="checkbox" id="水浒Q传" value="水浒Q传" v-model="checkedGames"> <label for="水浒Q传">水浒Q传</label> <input type="che 阅读全文
posted @ 2020-08-24 15:30
一介桃白白
阅读(180)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <h1>JS对象迭代</h1> <div v-for="(value,key) in mygame"> {{key}}:{{value}} </div> </div> <script> var myPage = new Vue({ el:'#myPage', da 阅读全文
posted @ 2020-08-24 15:07
一介桃白白
阅读(137)
评论(0)
推荐(0)
摘要：
条件渲染： v-if v-else-if v-else <div id="myPage"> <p v-if="num==0">成绩未公布</p> <p v-else-if="num<60">分数为{{num}},考试不及格。</p> <p v-else-if="num<80">分数为{{num}}, 阅读全文
posted @ 2020-08-24 14:37
一介桃白白
阅读(183)
评论(0)
推荐(0)
摘要：
style.css body{ font-size:24px; } .active{ color:red; } .big{ font-size:64px; } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewp 阅读全文
posted @ 2020-08-24 11:54
一介桃白白
阅读(228)
评论(0)
推荐(0)
摘要：
v-bind: 简写可省略不写 如 v-bind:class="" 简写 :class="" 首先创建一个样式文件style.css body{ font-size:24px; } .active{ color:red; } <!DOCTYPE html> <html> <head> <meta c 阅读全文
posted @ 2020-08-24 10:26
一介桃白白
阅读(170)
评论(0)
推荐(0)
摘要：
过滤器可在原有值的基础上加一些判定、格式化变量内容 注意差别，过滤器是 | 计算属性是直接 {{ }} 使用 <div id="myPage"> <p>原串：{{message}}</p> <p>加过滤器后：{{message|toupper}}</p> <p>原值：{{num}}</p> <p>经 阅读全文
posted @ 2020-08-24 10:15
一介桃白白
阅读(186)
评论(0)
推荐(0)
浙公网安备 33010602011771号