Laravel 4.2 Vuejs

我在laravel 4.2中工作，我想在我的应用程序中实现Vue.js。当我在刀片中放入一些测试代码时，它只显示错误：“使用未定义的常量消息 - 假定的消息”“我知道laravel像php代码那样读取{{message}}，但是您知道任何解决方法如何添加vue。 JS给我的刀片？感谢帮助。这里是代码Laravel 4.2 Vuejs

<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>

来源

2017-07-06 Konrad Uciechowski

你为什么使用laravel 4.2？ – lewis4u

我在使用laravel的公司4.2 –

所以没有人不知道如何升级？对不起，这么粗鲁......但你需要升级。只有某个人会发现安全漏洞或某种漏洞利用只是时间问题。不要使用旧软件！ – lewis4u

您可以打印消息前加上@ veriable

<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>

来源

2017-07-06 10:26:28

当我添加@它加载我的网页没有laravel错误，但只显示{{message}}实际上我的消息数据。 –

我已更新ans请尝试此操作。 –

你需要在文档就绪部分添加jquery库和vuejs代码 –

使用@

<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>

见显示原始文本使用花括号逃脱代码部分here

来源

2017-07-06 10:34:13

回答

相关问题