laravel - 为什么 Vue.js 在 Laravel 5.6 中没有显示任何内容?
问题描述
我已经按照 Laravel 5.6 中的这些步骤安装了 vue.js,并且所有其他依赖项都运行良好。只有 Vue.js 没有响应。
npm intall
npm run dev
npm run watch
我正在分享我添加的所有代码。我在我的 html 文件中创建了一个 id="app" 。
<div id="app">
<div class="container">
<articles></articles>
</div>
<!-- I used this link in my html file for connecting with app.js file
-->
<script src="{{asset('js/app.js')}}"></script>
我编辑了如下的 app.js 文件。
require('./bootstrap');
window.Vue = require('vue');
Vue.component('articles', require('./components/Articles.vue')
);
const app = new Vue({
el: '#app'
});
我还创建了 Articles.vue 文件并将其链接到 app.js。但是我的 html 页面什么也没显示。我在 components/Articles.Vue 中的文件
<template>
<h1>Hello World!</h1>
</template>
解决方案
正如 ceejayoz 在评论中所说:将其重命名为例如 articleElement 并将其用作<article-element></article-element>
推荐阅读
- ruby - 如何在红宝石中进行预增量?
- javascript - Javascript 文件被公司防火墙阻止
- google-apps-script - 例外:参数 (null,number) 与 SpreadsheetApp.Sheet.insertRowsAfter 的方法签名不匹配
- qt - 无法加载 Qt 平台插件“xcb”
- angular - 简化对 Angular2 组件服务数据的访问
- php - 当我旋转文件然后合并时,它会失去旋转
- r - 如何使用 apply 和 mutate 创建新变量?
- html - 悬停在Angular中时如何截断长字符串并为完整字符串添加工具提示
- azure - 未找到 Azure Nuxt
- google-apps-script - 在 Google Workspace 附加卡中调整图片大小