javascript - Kann js nicht in das Vue-Projekt eingeführt werden, um die Elementklasse zu steuern?

Question

Dies ist die Situation der Konsole im importierten js

Das passiert in Elementen

nav hat sich auch nicht geändert.
Was ist los?

Answer 1

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

回答问题

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

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

Answer 2

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

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

具体代码如下：

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

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 > p {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.red {
  background: red;
}

.blue {
  background: blue;
}

.yellow {
  background: yellow;
}

Answer 3

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