Javascript 绑定会话变量后出现Vue语法错误

当我尝试将会话变量绑定为vue组件的道具时，会出现此语法错误。我检查了我的代码，没有发现代码中的错误。但我希望更多的眼睛能发现一些东西

这里是我注册组件的地方：

Vue.component('fav-btn', require('../components/FavBtn.vue'));
Vue.component('fund-btn', require('../components/FundBtn.vue'));
Vue.component('flash-msg', require('../components/FlashMsg.vue'));

const vm = new Vue({
    el: '#app'
});

下面是给我带来麻烦的组件：

<template>
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        text here
    </div>
</template>

<script>
    export default{
        name: 'FlashMsg',

        props: ['message'],

        data(){
            return{

            }
        }
    }
</script>

---

在这种情况下，您不需要绑定语法。由于消息值来自服务器，因此它基本上是客户端的静态值，

message=“value”

非常好

出现语法错误是因为在使用绑定语法时，（

v-bind

或

：

）Vue将尝试查找一个变量，该变量的名称在引号之间。假设渲染输出最终为

v-bind:message="Hello World"

---

然后Vue将在javascript上下文中评估

Hello World

，以了解

Hello World

的值。显然，

Hello World

不是有效的javascript表达式，会导致语法错误。

会话是函数吗？为什么在传递prop时使用mustache语法？只需使用v-bind:message=“session（'message'）”@user7814783，我不确定。但我总是将类似的数据从laravel传递到vue，到目前为止，我还没有遇到任何问题。您的方法会引发以下错误：属性或方法“session”未在实例上定义，但在渲染期间被引用。渲染函数中出现错误：“TypeError:session不是函数”@choasia它是一个php函数。

[Vue warn]: Failed to generate render function:

SyntaxError: Unexpected token } in

with(this){return _c('div',{attrs:{"id":"app"}},[_c('flash-msg',{attrs:{"message":}}),

v-bind:message="Hello World"