Javascript 使用VueJS条件应用类

我试图使用VueJS条件将

类

应用于

标记，但它根本不起作用，尽管它在JSFIDLE上起作用。我被困已经三天了，请帮帮我

VueJS（在main.js中）

newvue({
el:“测试”，
数据：{
选定：“2”
}
});

HTML（App.vue）

{{selected}}

heyyy 1


heyyy 2

转换

要在VueJs中应用类绑定，可以将其用作：

---

：class=“{”selection（此处为您的类名）'：selected===1}”

我假设您使用的是Vue CLI，因为您有一个

.Vue

文件，但您的

main.js

使用的是Vue CDN中的语法。也许你是从小提琴上抄来的

我也会假设您有一个名为

.selection

的CSS类，这样才能工作

无论哪种方式，

App.vue

都有自己的组件实例，而不是

main.js

mounting实例（更深一层）。您的代码在装载根目录中创建所选的

而不是
App.vue

要修复此问题，请改为在App.vue中创建它：


{{selected}}

heyyy 1


heyyy 2

转换
导出默认值{
数据（）{
返回{
选定：“2”
}
}
}
.选择{
/*CSS*/
}
谢谢您的帮助，但“selection”实际上已经是我的类了。请仔细查看我的语法和您的语法@Hamza，我正在
''
中编写类名。您确定在本地使用的代码与在JSFIDLE中使用的代码相同吗？需要注意的是，如果类名是kebab大小写（用连字符分隔），并且在VueJS中没有将它们括在引号中，则不会应用类。若要结束，您需要将类名用单引号括起来，正如anand vikram singh所回答的那样。