Javascript Laravel 4.2 Vuejs

我在Laravel4.2中工作，我想在我的应用程序中实现Vue.js。当我把一些测试代码放在我的blade中时，它只显示了一个错误：“使用未定义的常量消息-假定为‘消息’”。我知道laravel读取{{message}类似php代码，但你知道如何将vue.js添加到我的blade中的任何解决方案吗？谢谢你的帮助。 这是代码

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
<script>
new Vue({
    el: '#app',
    data: {
        message: 'hello from Vue.js 2.0'
    }
})
</script>
<div id="app">
<p>{{ message }}</p>
</div>

新Vue({
el:“#应用程序”，
数据：{
消息：“您好，来自Vue.js 2.0”
}
})
{{message}}

您可以在打印消息之前添加

@

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
    <script>
        $(document).ready(function () {
            new Vue({
                el: '#app',
                data: {
                    message: 'hello from Vue.js 2.0'
                }
            })
        });
    </script>
    <div id="app">
        <p>@{{ message }}</p>
    </div>

$（文档）.ready（函数（）{
新Vue({
el:“#应用程序”，
数据：{
消息：“您好，来自Vue.js 2.0”
}
})
});
@{{message}}

使用@

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
<script>
new Vue({
    el: '#app',
    data: {
        message: 'hello from Vue.js 2.0'
    }
})
</script>
<div id="app">
<p>@{{ message }}</p>
</div> 

新Vue({
el:“#应用程序”，
数据：{
消息：“您好，来自Vue.js 2.0”
}
})
@{{message}}

---

请参见使用大括号显示原始文本部分

当我添加@it时加载我的页面，不会出现laravel错误，但只显示{message}而不是实际显示我的消息数据。您需要在document ready portionOk中添加jquery库和vuejs代码，我找到了解决方案。我把脚本标签放在我的页面下方而不是顶部。你为什么要使用laravel 4.2？我正在使用laravel 4.2的公司，所以没有人不知道如何升级？抱歉这么粗鲁…但你需要在某个时候升级。这只是一个时间问题，什么时候会有人发现一个安全漏洞或一些利用。不要使用旧软件！