vue.js - laravel5.3 vue2好像没有加载到app.js
本文介绍了vue.js - laravel5.3 vue2好像没有加载到app.js的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
laravel路由直接访问的index.blade
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Dashboard</title>
<script>
window.Laravel = {
csrfToken: "{{ csrf_token() }}"
};
</script>
</head>
<body>
<div id="app"></div>
<script src="{{ elixir('js/app.js') }}"></script>
</body>
</html>
app.js
require('./bootstrap');
import App from './components/App.vue';
new Vue({
el: '#app',
render: h=>h(App)
});
App.Vue
<template>
<div>Hello World</div>
</template>
<script>
export default {
name: 'app'
}
</script>
访问index.blade并没有加载出App.vue的内容
求各路大神指点。。。
解决方案
假设你执行了 npm install
和 gulp
,然后index.blade.php
文件中加入 <App></App>
这篇关于vue.js - laravel5.3 vue2好像没有加载到app.js的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文