javascript - Vue 类与字符串绑定(bind)？

Question

有没有办法让 Vue 类绑定(bind)与字符串一起使用？例如:

<div :class={open: target == 'myString'}></div>
var app = new Vue({
  target: null
})

不加引号就可以了

<div :class={open: target == myString}></div>

但我收到以下警告:

[Vue warn]: Property or method "myString" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

Answer 1

尝试以下操作

var app = new Vue({
  el: '#app', // the id of the div that you will apply this object on it
  data : {
    target: '',
    myString: '',
  }
})