Nuxt 无法更改数据变量答案

【问题标题】：Nuxt cannot change data variableNuxt 无法更改数据变量
【发布时间】：2018-11-18 19:00:52
【问题描述】：

我一般都是用vue，在nuxt变量x中的data，以及改变这个数据x的方法，但是在html中改变没有重新加载。

例子：

export default {
  data () { 
    return { openPopup: '1' }
  },
  
  methods: {
    changeData() {
        this.openPopup = 2;
    }
  }

}

<template>
  <span>
     {{openPopup}}
  </span>
  <button @click="changeData()">change</button>
</template>

【问题讨论】：

【解决方案1】：

从数据中的 openPopup 中删除引号。它被视为一个字符串。

data () { 
    return { openPopup: 1 }
  },

【讨论】：

【解决方案2】：

其他地方出了点问题。您的代码运行良好（如果您修复了多个根元素）。

这里是codesandbox

【讨论】：