摘要：
？？？？ 阅读全文
posted @ 2020-08-24 20:11
一介桃白白
阅读(140)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <!-- 为组件中接受到的变量进行逻辑验证 --> <h2>人员信息</h2> <show-member-info name="张三":age="25":detail="{address:'河北省石家庄市',language:'汉语'}"></show-membe 阅读全文
posted @ 2020-08-24 20:09
一介桃白白
阅读(148)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <div>请输入你的名字：<input v-model="myname"></div> <br/> <say-hello :pname="myname"/> </div> <script> Vue.component('say-hello',{ props:['p 阅读全文
posted @ 2020-08-24 19:48
一介桃白白
阅读(172)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <h1>您的成绩评价</h1> <test-result :score="50"></test-result> <test-result :score="65"></test-result> <test-result :score="90"></test-resu 阅读全文
posted @ 2020-08-24 19:35
一介桃白白
阅读(128)
评论(0)
推荐(0)
摘要：
<h3>组件数据函数</h3> <div id="myPage"> <div>今天的天气是：<today-weather/></div> </div> <script> Vue.component('today-weather',{ template:"<strong>{{todayWeather} 阅读全文
posted @ 2020-08-24 19:18
一介桃白白
阅读(205)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <h2>游戏列表</h2> <table border="1"> <tr> <td>编号</td> <td>游戏名称</td> </tr> <tr is="my-row1"></tr> <tr is="my-row2"></tr> <tr is="my-row3" 阅读全文
posted @ 2020-08-24 18:28
一介桃白白
阅读(193)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <my-weather></my-weather> </div> <script> var weatherComponent={ template:"<div>今天下雨，吃顿好的！</div>" } var myPage = new Vue({ el:'#myPa 阅读全文
posted @ 2020-08-24 18:00
一介桃白白
阅读(107)
评论(0)
推荐(0)
摘要：
<div id="myPage"> <div> <label for="username">用户名：</label> <!-- v-model.lazy 用户输入内容时不做数据的更新处理，也就是说用户输入完后才会执行onchange事件 --> <input type="text" id="user 阅读全文
posted @ 2020-08-24 16:52
一介桃白白
阅读(152)
评论(0)
推荐(0)
摘要：
下拉多选加 multiple <div id="myPage"> <h2>下拉单选--你喜欢的游戏是：</h2> <select v-model="likedGame"> <option>水浒Q传</option> <option>元气骑士</option> <option>战魂铭人</option 阅读全文
posted @ 2020-08-24 15:47
一介桃白白
阅读(365)
评论(0)
推荐(0)
摘要：
<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
一介桃白白
阅读(157)
评论(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
一介桃白白
阅读(181)
评论(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
一介桃白白
阅读(141)
评论(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
一介桃白白
阅读(187)
评论(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
一介桃白白
阅读(229)
评论(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
一介桃白白
阅读(175)
评论(0)
推荐(0)
摘要：
过滤器可在原有值的基础上加一些判定、格式化变量内容 注意差别，过滤器是 | 计算属性是直接 {{ }} 使用 <div id="myPage"> <p>原串：{{message}}</p> <p>加过滤器后：{{message|toupper}}</p> <p>原值：{{num}}</p> <p>经 阅读全文
posted @ 2020-08-24 10:15
一介桃白白
阅读(188)
评论(0)
推荐(0)
浙公网安备 33010602011771号