vue3 样式绑定class绑定

class绑定1:class=sty为一个变量，当用''引起来时为一个字符串，sty其值为vm中data的box1取box1样式,触发点击事件后sty取值为sty2,取的sty2的样式。

class2样式绑定二

class 类名为多类名，类名为对象中的属性，属性名作为类名，属性值取的是vm里面的变量,取值为布尔值，当为ture的时候相应的类名样式通过点击事件进行渲染。

class样式绑定3

数组语法

数组中可以输入对象，字符串，以及变量，当用单引号引起来的时候类名为字符串，不引起来的时候类名为变量取得VM中的变量值，对象中{box2:n2}类名为box2、n2为变量取值为布尔值，作用是触发box2样式

当box1、n1、box多类命又有自己的样式的时候，一般情况其中样式都会执行，相同的样式会根据渲染的顺序，执行最后一个相同样式，如果类名为id,id优先级高，相同的样式取优先级高的。

vue3 样式绑定class绑定相关推荐

重新想象 Windows 8 Store Apps (52) - 绑定: 与 Element Model Indexer Style RelativeSource 绑定, 以及绑定中的数据转换...
重新想象 Windows 8 Store Apps (52) - 绑定: 与 Element Model Indexer Style RelativeSource 绑定, 以及绑定中的数据转换原文: ...
vue 单向绑定双向绑定
参考:[Vue]vue 单向绑定& 双向绑定 - vickylinj - 博客园在react中是单向数据绑定,而Vue.js 最显著的特点就是响应式和数据驱动,也就是将Model和View进 ...
绑定和绑定的各种使用场景
绑定和绑定的各种使用场景 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术: VS ...
背水一战 Windows 10 (19) - 绑定: TemplateBinding 绑定, 与 RelativeSource 绑定, 与 StaticResource 绑定...
原文:背水一战 Windows 10 (19) - 绑定: TemplateBinding 绑定, 与 RelativeSource 绑定, 与 StaticResource 绑定 [源码下载] 背水 ...
spinbox 上下箭头事件_[React] 3 - 自动绑定 (事件绑定)
1. 自动绑定 (事件绑定) 绑定this: React为什么要这么做? 是js中this绑定方式决定的,和react工作方式无关. 函数处理, 是作为回调传递的,这样就会丢失了上下文, 所以this ...
WCF绑定细节（2）——绑定，绑定元素
绑定这块引出了很多细节.绑定解决了消息交换中的传输协议,传输,编码等问题.如果要公开WCF服务,就要公开终结点Endpoint,WCF服务信息交换就是Endpoint之间的信息交换.终结点三大元素:A ...
早绑定,晚绑定和其实现
早绑定,晚绑定,早晚都要绑定--引用网友的话绑定:在对象和其类型间建立关联的过程早绑定指在对象申明的时候就和他的类型建立了关联晚绑定是指我们的代码在运行时再检查对象是否提供了我们所需要的方法和属 ...
迟绑定早绑定，迟早都要绑定
1. 概念首先,什么是绑定?( what`s the definition of binding? ) c++编程思想上有说到: Connecting a function call ...
CocosCreator2.0.9的JSB绑定 - 手动绑定
CocosCreator2.0.9的JSB绑定 - 手动绑定前言准备建立工程先来个简单的绑定整个C++类给JS 关于TypeScript里面的自动提示在Android设备上总结前言大 ...
【ASP.NET MVC4】第七课：模型绑定、绑定简单类型数据和对象类型数据
知识点:MVC中的模型绑定.绑定简单类型数据.绑定对象类型数据.使用模型绑定接收上传文件 ASP.NET MVC 框架可以将浏览器发起的请求数据映射到方法的参数中,这一常见的技术称为模型绑定.在实 ...

vue3 样式绑定class绑定

vue3 样式绑定class绑定相关推荐

最新文章

热门文章