vue项目中不能引入js来控制元素的class么？

Question

这是在引入的 js 中 console的情况

这是在 elements 中的情况

nav 也没变化。
这是怎么回事？

Answer 1

vue 项目中必须在所要操作的元素 mounted 之后操作才能生效。晕死我了。

Answer 2

没看出了问题在哪里。问问题的时候先自己缕清思路，把问题点暴露出来。

回答问题

vue项目中不能引入js来控制元素的class么？

引入如jQuery之类的来操作dom是可以的

Answer 3

实际上，VueJS里处理此类问题非常方便，举个例子。

在线查看 https://jsfiddle.net/wqbtt12c/

具体代码如下：

<div id="app">
  <div :class="classStr" @click="changeClass">点我</div>
</div>

const classPool = ['red', 'blue', 'yellow'];

new Vue({
    el: '#app',
  data() {
      return {
        classStr: 'red'
    }
  },
  methods: {
      changeClass() {
        this.classStr = classPool[Math.ceil(Math.random()*3.0) - 1];
    }
  }
});

#app > div {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.red {
  background: red;
}

.blue {
  background: blue;
}

.yellow {
  background: yellow;
}