Vuejs2 Vuejs警告应为布尔值找到字符串

我是Vuejs新手，我只是在Nuxtjs上安装了vue flip插件，并编写了以下标签： 这是index.vue处的标记：

<vue-flip active-hover="TRUE" class="flip">

我试图从true改为1，但保持不变

消息指向此位置 地址：

-->位于src/Flip.vue
在第页/index.vue
在layouts/default.vue处

我怎样才能摆脱这个消息

而不是

<vue-flip active-hover="TRUE" class="flip">

你应该使用

<vue-flip v-bind:active-hover="true" class="flip">

或更短

<vue-flip :active-hover="true" class="flip">

---

我有一个非常类似的问题；我正在从vuex存储向子组件传递布尔属性。我的问题是我的getter实际上是一个字符串&在我的组件中，我正在验证它是一个布尔值

错误：

[Vue warn]：无效的属性：属性“userIsAuthenticated”的类型检查失败。应为布尔值，获取值为“true”的字符串

以下是我如何解决我的问题

// ParentComponent.vue 

...

computed: {
    userIsAuthenticated() {
        return this.$store.getters["user/authenticated"];  // String
        return this.$store.getters["user/authenticated"] === "true";  // Boolean
    },
}

为了进一步扩展，在我的vuex商店中，我也可以这样做：

export const state = {
    authenticated: (localStorage.getItem("authenticated")) ?localStorage.getItem("authenticated") === "true" : false,
}

---

只需添加

活动悬停

作为属性？它是如何完成的？在props中声明？将“TRUE”替换为“TRUE”？我尝试了，但仍然会显示以下消息：[Vue warn]：无效的prop:prop“activeHover”的类型检查失败。应该是布尔值，得到值为“true”的字符串。这是插件：很好地解释了为什么要使用v-binddirective@EttoreP没有v:bind，引号内的值始终是字符串。对于v-bind，字符串被解析为javascript表达式。这是我一直想知道的：v-bind是否慢？或者至少比不绑定要慢？例如，如果我说

v-bind:bool=“false”

，是否必须运行另一个javascript线程来将

'false'

解析为

false

？

// ParentComponent.vue 

...

computed: {
    userIsAuthenticated() {
        return this.$store.getters["user/authenticated"];  // String
        return this.$store.getters["user/authenticated"] === "true";  // Boolean
    },
}

// ChildComponent.vue

...

props: {
    userIsAuthenticated: {
      type: Boolean,
      required: true,
      default: () => false,
    },
}

export const state = {
    authenticated: (localStorage.getItem("authenticated")) ?localStorage.getItem("authenticated") === "true" : false,
}