laravel - laravel 中的 Vue 实例问题

Question

我以前有这个工作，但经过几次作曲家更新后，我现在遇到了与 Vue 相关的错误。

我正在做一个字符倒计时，所以在我的 HTML 中我有：

<div>Characters remaining:</div><div class="input-group-addon" v-text="{{remainingCount}}"></div>

在我的 Vue 代码中，我有：

new Vue({
      el: '#postContent',
      data: {
        maxCount: 1400,
        remainingCount: 1400,
        message: '',
        hasError: false
      },
      methods: {
        countdown: function() {
          this.remainingCount = this.maxCount - this.message.length;
          this.hasError = this.remainingCount < 0;
        }
      }
    })

但是当我加载我的页面时，我得到了错误：Use of undefined constant remainingCount - assumed 'remainingCount'在上面的 html 行中。

我不确定是什么变化会导致这种情况，但就 laravel 对 Vue 语法的理解而言，我做错了什么吗？

更新：这已被标记为重复或已回答，但引用的答案没有帮助。如果我将其设为 v-text="@{{remainingCount}}" 则错误消失但现在我的 Vue 代码中的#postContent 区域消失了

标签： laravelvue.js