Vue结合类和行间风格详解
1。绑定类属性的方法1。通过数组绑定元素的多个类元素
{红
颜色：红色；
/ *颜色：# ff8800；* /
}
{。BG
背景：# 000；
背景：*绿色；
}
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
数据：{
red_color：'，
bg_color：'bg
}
}）；
}
这是一个测试字符串。
这种结合跨度2类，通过设置red_color和bg_color值，找到对应的类的名称
2，通过控制类的真假来使用相应的类类名，true：使用类，而false：不使用这个类
{红
颜色：红色；
}
{。BG
背景：# 000；
}
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
数据：{
}
}）；
}
这是一个测试字符串。
三.这与第二个方法相同，只是用变量替换类的状态真/假。
{红
颜色：红色；
}
{。BG
背景：# 000；
}
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
数据：{
R：真的，
B：假
}
}）；
}
这是一个测试字符串。
4。为类属性绑定整个JSON对象
{红
颜色：红色；
}
{。BG
背景：# 000；
}
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
数据：{
JSON：{
红色：真的，
背景：假
}
}
}）；
}
这是一个测试字符串。
两。捆绑式行间款式很多方面
1。使用JSON格式，直接在字里行间写
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
}）；
}
这是一个测试字符串。
2。将数据中的对象作为数组项绑定到样式中
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
数据：{
C：{
颜色：绿色的
}
}
}）；
}
这是一个测试字符串。
三.与上面的方法类似，它只是为数组设置的一些对象。
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
数据：{
C：{
颜色：绿色的
}，
B：{
背景：# ff8800
}
}
}）；
}
这是一个测试字符串。
4，直接将数据中的对象绑定到样式
在window.onload =函数（）{
var c =新的Vue（{
EL：#盒，
数据：{
一：{
Color:'yellow',
背景：000#
}
}
}）；
}
这是一个测试字符串。
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。