Vue学习之样式处理，高级前端开发面试题在绑定的数组中我们还可以通过三目运算来实现简单的逻辑，如下效果如下: 通过效果

在绑定的数组中我们还可以通过三目运算来实现简单的逻辑，如下

在这里插入图片描述

效果如下:

在这里插入图片描述

通过效果也可以看出来随着flag的改变，效果也不一样咯~

上面例子中的三目运算符我们可以替换为对象，效果是一样的。

在这里插入图片描述

效果

在这里插入图片描述

上面都是将数据和view写在一块了，我们也可以将数据直接写在vm中，如下:

在这里插入图片描述

效果演示:

在这里插入图片描述

通过演示也可以看到，通过绑定对象也是可以的。完整代码如下:

Document .red { color: red; } .thin { font-weight: 200; } .italic { font-style: italic; } .active { letter-spacing: 0.5em; }

vue中的样式设置1

二、style

我们除了可以通过使用class来引用样式外，我们还可以通过style来直接指定样式，Vue也支持此操作，具体如下:

Document

效果

在这里插入图片描述

Document

效果:

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了