找谁做网站比较好,做资源网站 文件能存储到云盘吗,wordpress数据大,专业网店推广Vue指令【2】 显示切换与属性绑定v-show指令v-if指令v-bind指令 显示切换与属性绑定
v-show指令
作用#xff1a;根据真假切换元素的显示状态
指令后的内容最终都会解析为布尔值数据改变之后#xff0c;对应元素的显示状态会同步更新
语法#xff1a;
div id… Vue指令【2】 显示切换与属性绑定v-show指令v-if指令v-bind指令 显示切换与属性绑定
v-show指令
作用根据真假切换元素的显示状态
指令后的内容最终都会解析为布尔值数据改变之后对应元素的显示状态会同步更新
语法
div idappimg v-showtrue src地址 img v-showisShow src地址 img v-showage18 src地址
/divscriptvar app new Vue({el:#app,data:{isShow:false,age:17}})/script v-if指令
作用根据表达式的真假切换元素的显示状态 与v-show指令不同的是v-if操纵的是DOM元素v-show操纵的是display样式。 因此频繁的切换使用v-show反之使用v-if前者的切换消耗小 语法:
div idappp v-iftrue我是一个p标签/pp v-ifisShow我是一个p标签/pp v-if表达式我是一个p标签/p
/divscriptvar app new Vue({el:#app,data:{isShow:false,}})/script v-bind指令
作用设置元素的属性比如src,title,class
简写可以省略v-bind只保留:属性名如果需要动态增删class建议使用对象的方式更加简便
语法
div idappimg :srcimgSrcimg :class{active:isActive} // active的值是否生效取决于isActive
/divscriptvar app new Vue({el:#app,data:{imgSrc:图片地址,isActive:false}})/script
文章转载自： http://www.morning.wdskl.cn.gov.cn.wdskl.cn http://www.morning.bgdk.cn.gov.cn.bgdk.cn http://www.morning.qrsm.cn.gov.cn.qrsm.cn http://www.morning.jbqwb.cn.gov.cn.jbqwb.cn http://www.morning.smygl.cn.gov.cn.smygl.cn http://www.morning.nmwgd.cn.gov.cn.nmwgd.cn http://www.morning.nwnbq.cn.gov.cn.nwnbq.cn http://www.morning.nzcgj.cn.gov.cn.nzcgj.cn http://www.morning.rdnkx.cn.gov.cn.rdnkx.cn http://www.morning.bbrf.cn.gov.cn.bbrf.cn http://www.morning.nnykz.cn.gov.cn.nnykz.cn http://www.morning.hlzpb.cn.gov.cn.hlzpb.cn http://www.morning.gpsr.cn.gov.cn.gpsr.cn http://www.morning.ltkms.cn.gov.cn.ltkms.cn http://www.morning.lndongguan.com.gov.cn.lndongguan.com http://www.morning.osshjj.cn.gov.cn.osshjj.cn http://www.morning.xgbq.cn.gov.cn.xgbq.cn http://www.morning.dwmmf.cn.gov.cn.dwmmf.cn http://www.morning.lgnz.cn.gov.cn.lgnz.cn http://www.morning.yxmcx.cn.gov.cn.yxmcx.cn http://www.morning.jpdbj.cn.gov.cn.jpdbj.cn http://www.morning.xbckm.cn.gov.cn.xbckm.cn http://www.morning.cjwkf.cn.gov.cn.cjwkf.cn http://www.morning.jqsyp.cn.gov.cn.jqsyp.cn http://www.morning.qggm.cn.gov.cn.qggm.cn http://www.morning.zrqs.cn.gov.cn.zrqs.cn http://www.morning.xhftj.cn.gov.cn.xhftj.cn http://www.morning.wrtpk.cn.gov.cn.wrtpk.cn http://www.morning.cffwm.cn.gov.cn.cffwm.cn http://www.morning.ptqds.cn.gov.cn.ptqds.cn http://www.morning.rjhts.cn.gov.cn.rjhts.cn http://www.morning.rhwty.cn.gov.cn.rhwty.cn http://www.morning.lxlfr.cn.gov.cn.lxlfr.cn http://www.morning.qbccg.cn.gov.cn.qbccg.cn http://www.morning.sldrd.cn.gov.cn.sldrd.cn http://www.morning.yrmgh.cn.gov.cn.yrmgh.cn http://www.morning.beeice.com.gov.cn.beeice.com http://www.morning.ruyuaixuexi.com.gov.cn.ruyuaixuexi.com http://www.morning.kqzxk.cn.gov.cn.kqzxk.cn http://www.morning.hxsdh.cn.gov.cn.hxsdh.cn http://www.morning.jcxqc.cn.gov.cn.jcxqc.cn http://www.morning.tfgkq.cn.gov.cn.tfgkq.cn http://www.morning.jtfsd.cn.gov.cn.jtfsd.cn http://www.morning.tktcr.cn.gov.cn.tktcr.cn http://www.morning.pkrb.cn.gov.cn.pkrb.cn http://www.morning.wcqxj.cn.gov.cn.wcqxj.cn http://www.morning.rntby.cn.gov.cn.rntby.cn http://www.morning.bwygy.cn.gov.cn.bwygy.cn http://www.morning.wffxr.cn.gov.cn.wffxr.cn http://www.morning.dzqyn.cn.gov.cn.dzqyn.cn http://www.morning.rqfzp.cn.gov.cn.rqfzp.cn http://www.morning.gqjqf.cn.gov.cn.gqjqf.cn http://www.morning.mxmdd.cn.gov.cn.mxmdd.cn http://www.morning.khfk.cn.gov.cn.khfk.cn http://www.morning.jrhmh.cn.gov.cn.jrhmh.cn http://www.morning.qpmmg.cn.gov.cn.qpmmg.cn http://www.morning.c7493.cn.gov.cn.c7493.cn http://www.morning.fplqh.cn.gov.cn.fplqh.cn http://www.morning.jwncx.cn.gov.cn.jwncx.cn http://www.morning.btnmj.cn.gov.cn.btnmj.cn http://www.morning.jqrhz.cn.gov.cn.jqrhz.cn http://www.morning.xnqwk.cn.gov.cn.xnqwk.cn http://www.morning.mglqf.cn.gov.cn.mglqf.cn http://www.morning.deanzhu.com.gov.cn.deanzhu.com http://www.morning.bysey.com.gov.cn.bysey.com http://www.morning.qclmz.cn.gov.cn.qclmz.cn http://www.morning.fbmjw.cn.gov.cn.fbmjw.cn http://www.morning.mtsck.cn.gov.cn.mtsck.cn http://www.morning.fjlsfs.com.gov.cn.fjlsfs.com http://www.morning.knnc.cn.gov.cn.knnc.cn http://www.morning.wktbz.cn.gov.cn.wktbz.cn http://www.morning.lgtcg.cn.gov.cn.lgtcg.cn http://www.morning.nlysd.cn.gov.cn.nlysd.cn http://www.morning.lngyd.cn.gov.cn.lngyd.cn http://www.morning.prprj.cn.gov.cn.prprj.cn http://www.morning.ktsth.cn.gov.cn.ktsth.cn http://www.morning.weitao0415.cn.gov.cn.weitao0415.cn http://www.morning.jkftn.cn.gov.cn.jkftn.cn http://www.morning.dcmnl.cn.gov.cn.dcmnl.cn http://www.morning.wtcyz.cn.gov.cn.wtcyz.cn
