2019年12月13日

过滤器-局部过滤器

摘要： <div id="app"> <p>{{num}}</p> <p>{{num|rmb}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ num:100, }, //局部过滤器 filters:{ rmb(data){ return 阅读全文

posted @ 2019-12-13 19:59 立文阅读(245) 评论(0) 推荐(0) 编辑

过滤器-全局过滤器

摘要： <div id="app"> <p>{{message}}</p> <p>{{message|upper}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ message:"hello world", }, }) 可以把全局过滤器放阅读全文

posted @ 2019-12-13 19:58 立文阅读(221) 评论(0) 推荐(0) 编辑

练习解答:根据条件判断改变样式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #goods #goods-table th{ background-color:#ccc; text-align: 阅读全文

posted @ 2019-12-13 18:12 立文阅读(738) 评论(0) 推荐(0) 编辑

2019年12月12日

vue 作业练习

摘要：练习: goods: [ {"name":"python入门","price":50}, {"name":"python进阶","price":100}, {"name":"python高级","price":75}, {"name":"python研究","price":55}, {"name": 阅读全文

posted @ 2019-12-12 22:18 立文阅读(656) 评论(0) 推荐(0) 编辑

v-for列表实现选项卡切换进阶版

摘要： <div id="card"> <div class="title"> <span @click="num=key" :class="change(key)" v-for="title,key in title_list">{{title}}</span> </div> <div class="co 阅读全文

posted @ 2019-12-12 22:11 立文阅读(362) 评论(0) 推荐(0) 编辑

v-for列表指令

摘要： <div id="card"> <div class="title"> <span v-for="title,k in title_list">{{k}}--{{title}}</span> </div> </div> <script代码脚本> var card = new Vue({ el:"#c 阅读全文

posted @ 2019-12-12 21:39 立文阅读(210) 评论(0) 推荐(0) 编辑

v-show 指令

摘要： <div id="app"> <p v-show="num==1">您是普通会员1</p> <p v-if="num==1">您是普通会员2</p> <p v-else>您是游客</p> </div> <script脚本代码> var vm = new Vue({ el:"#app", data:{ 阅读全文

posted @ 2019-12-12 21:24 立文阅读(352) 评论(0) 推荐(0) 编辑

v-else-if 条件语句

摘要： <div id="app"> <p v-if="num==0">您是普通会员</p> <p v-else-if="num==1">您是尊贵vip</p> <p v-else-if="num==2">您是管理员</p> <p v-else="num==3">您是游客</p> </div> <scrip 阅读全文

posted @ 2019-12-12 21:16 立文阅读(1186) 评论(0) 推荐(0) 编辑

v-if 条件语句

摘要： <div id="app"> <p v-if="!is_login"> <a href="">登陆</a> <a href="">注册</a> </p> <p v-if="is_login"> 欢迎回来!~! <a href="">小明</a> </p> </div> <script脚本代码> va 阅读全文

posted @ 2019-12-12 21:14 立文阅读(544) 评论(0) 推荐(0) 编辑

v-else条件语句

摘要： <div id="app"> <p v-if="!is_login"> <a href="">登陆</a> <a href="">注册</a> </p> <p v-else> 欢迎回来!~! <a href="">小明</a> </p> </div> <script脚本代码> var vm = ne 阅读全文

posted @ 2019-12-12 21:14 立文阅读(184) 评论(0) 推荐(0) 编辑

2019年12月13日

2019年12月12日

公告