当前位置: 首页 > news >正文

枣庄手机网站建设电话百度推广找谁做

枣庄手机网站建设电话,百度推广找谁做,网站设计流程的步骤,制作网站程序Vue中的样式也要回到原始的BOMDOMjs的前端组合去解读。 1、当模板直接引用style中定义的样式时&#xff0c;在HTML模板中按照正常的样式引用处理即可。 模板定义&#xff1a;<template> <div class"sizeclass">100</div> </template><st…

    Vue中的样式也要回到原始的BOM+DOM+js的前端组合去解读。

1、当模板直接引用style中定义的样式时,在HTML模板中按照正常的样式引用处理即可。

模板定义:<template>
<div class="sizeclass">100</div>
</template><style>
.sizeclass {text-align: center;font-size: large;
}
</style>

2、当需要根据响应式状态改变模板中引用的class、style时,需要利用计算属性改变样式的引用

既然可以动态改变class,那么HTML模板中style属性也是可以动态改变的。都是HTML的属性,style和class没有什么区别,顶多是style要以对象的形式,class以字符串的方式存在。

<script setup lang="ts">import {computed, nextTick, ref} from "vue"const count=ref(0);
const list=ref(["a","b","c"]);
list.value[1]="e";function increment(){count.value++;nextTick();if(count.value>=3){list.value[count.value]="add";}
}//computed attribute
const size=computed(()=>{return list.value.length;
});
// update class by computed attribute, more than one class is also allowed.
const currentClass=computed(()=>{return list.value.length%2==0 ? "sizeclass" : "smallclass";
});
</script><template>
<button @click="increment">{{ count }}</button>
<div v-for="item in list" :key="item"><span>{{ item }}</span>
</div>
<div :class="currentClass">{{ size }}</div>
</template><style>
.sizeclass {text-align: center;font-size: large;
}.smallclass{text-align: left;font-size: smaller;font-weight: 100;
}
</style>

3、在多个组件嵌套时,HTML模板中的style、class

      当多组件嵌套时,内层组件的样式一定是在外层组件样式的基础上合并计算出来的。回归到BOM+DOM+js的前端,子节点的样式一定是基于父节点的样式上进行生效的。显然Vue也只是一种对前端的重新组合,并不会改变原先DOM下样式的规则。

http://www.dinnco.com/news/35438.html

相关文章:

  • 江苏省工程造价信息网镇江seo优化
  • 云鼎大数据888元建站网络营销策划是什么
  • 东莞三合一网站制作郑州网站建设推广
  • 0网站建设的好坏可以依据的标准有宁波网站建设优化企业
  • 会网站建设好吗网络营销的优势有哪些?
  • 深圳前十网站建设公司日本域名注册网站
  • 做app网站设计seo排名优化推广
  • 怎么做网站门户写一篇软文1000字
  • 上海企业网站建设价格网络推广有哪些常见的推广方法
  • 龙岗网站-建设深圳信科潍坊网站建设解决方案
  • 只有一个页面的网站怎么做安徽seo顾问服务
  • 织梦网站采集侠怎么做考研培训
  • 网站app定制促销策略的四种方式
  • wordpress是不是一定要买服务器网站seo优化8888
  • 软件开发需要哪些人员杭州seo优化
  • 做网站如何月入过万百度人气榜
  • 经营网站如何挣钱重庆百度总代理
  • 市政府投资建设项目管理中心网站如何注册域名
  • 外贸网站一站式海外推广企业网站营销的实现方式
  • 外贸网站哪家好网络营销的手段包括
  • 网站下拉菜单设计怎么自己制作网站
  • 淄博企业网站建设哪家好今天的新闻 最新消息
  • 交易网站前期建设方案北京seo顾问服务公司
  • 企业网站开发 文献综述dw网页设计模板网站
  • qq空间做淘宝客网站北京营销网站制作
  • 怎么让网站能被百度到专业的网站优化公司
  • 长春网站制作招聘信息seo交互论坛
  • 网站建设与管理案例教程在线阅读北京网站优化体验
  • 肖港网站开发故事式软文范例100字
  • 网创项目资源网站网页设计和网站制作