L. *_*Fox 1 javascript laravel vue.js laravel-mix laravel-5.7
我正在尝试使用 laravel 5.7 和 mix 设置 VueJs,它只是说未检测到 VueJs。我已经跑了npm install。这是我的欢迎观点:
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css">
<style type="text/css">body { padding-top: 40px; }</style>
</head>
<body>
<div id="root" class="container">
<message title="Hello World" body="Lorem ipsum dolor sit amet."></message>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是我的应用程序js:
require('./bootstrap');
window.Vue = require('vue');
Vue.component('message', require('./components/Message.vue'));
const app = new Vue({
el: '#root'
});
Run Code Online (Sandbox Code Playgroud)
我不明白为什么 VueJs 不起作用。任何帮助将不胜感激。谢谢!
如上所述,您错过了脚本标签。
如果要编译你的源代码,你应该使用mix(),而不是asset(),因为它会尊重的东西,如文件版本用mix.version()。
例如
<script src="{{ mix('/js/app.js') }}"></script>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2815 次 |
| 最近记录: |