我从 Inertia Laravel 示例开始https://github.com/drehimself/inertia-example
这只是 Laravel 和 Vue 在一个整体代码库中，使用 Inertia.js：https: //github.com/inertiajs/inertia-laravel https://github.com/inertiajs/inertia-vue
我正在尝试访问 .vue 组件文件中 Laravel 的 .env 变量
.env 文件：
APP_NAME=ABC
在应用程序\Providers\AppServiceProvider.php中：
APP_NAME=ABC
在 resources\js\Home.vue 组件中：
<template>
<div>
<span class="tw-text-left">{{ appName }}</span>
</div>
</template>
<script>
export default {
props: [
"appName",
]
}
</script>
在我的 vue 控制台中，appName 显示为空白。它应该显示“ABC”，但没有。这里发生了什么，以及我如何访问所有环境变量，理想情况下不通过控制器传递所有内容，这似乎不是很有效？
我有一个比较简单的问题。
我正在尝试在 Nuxt.js 中从这个 codepen实现小部件。
这是我的代码，如果我使用 RAW HTML，它可以正常工作：
<!DOCTYPE html>
<html>
<head></head>
<body>
<dev-widget data-username="saurabhdaware"></dev-widget>
<script src="https://unpkg.com/dev-widget@1.0.3/dist/card.component.mjs" type="module"></script>
</body>
</html>
但是当我尝试在我的 nuxt.js 项目中包含这个开发小部件时，在我的一个页面中，它不起作用。
这是我的代码：
<template>
<div class="container">
<div>
<dev-widget data-username="saurabhdaware"></dev-widget>
</div>
</div>
</template>
<script>
export default {
layout: "default",
};
</script>
<script src="https://unpkg.com/dev-widget@1.0.3/dist/card.component.mjs" type="module"></script>
我不断收到错误消息：
Unknown custom element: < dev-widget >
知道我在这里做错了什么吗？
尝试创建一个标题+进度条，如下所示： https ://blog.fullstory.com/cross-function-collaboration/
https://codepen.io/connecteev/pen/eaqxvj
代码片段：
// Hide Header on scroll down, Show Header on scroll up
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('header').outerHeight();
$(window).scroll(function(event){
didScroll = true;
});
setInterval(function() {
if (didScroll) {
hasScrolled();
didScroll = false;
}
}, 250);
function hasScrolled() {
var st = $(this).scrollTop();
// Make sure they scroll more than delta
if(Math.abs(lastScrollTop - st) <= delta)
return;
// If they scrolled down and are past …