vue.js - laravel5.3 vue2好像没有加载到app.js

查看:352
本文介绍了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 installgulp ,然后index.blade.php 文件中加入 <App></App>

这篇关于vue.js - laravel5.3 vue2好像没有加载到app.js的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆