我面临的问题是，一旦我importvue，vue（在我的情况下#app）的wrapper元素将被以下注释替换
<!--function (e,n,r,o){return sn(t,e,n,r,o,!0)}-->
控制台中没有错误，并且webpack可以正常编译，但是我确实从vue的mounted方法获取了控制台日志。
我的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<h1>some content</h1>
{{test}}
</div>
<script src="dist/bundle.js"></script>
</body>
</html>
webpack.config.js
const path = require('path');
module.exports = {
entry: './src/app.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
}
}
src / app.js
import Vue from 'vue'
const app = new Vue({
el: "#app",
data: {
test: "asdf"
},
mounted() {
console.log('mounted')
}
})
我想使用 和 来创建聊天，但遇到了无法组合和CSS grid的问题。align-self: end;overflow-y: auto;
包含ul所有消息，并且应与底部对齐，这样即使只有一条消息，它也会显示在底部。
聊天的页眉和页脚是固定的，您只需滚动浏览消息（如 Whats App 和类似的应用程序）。
我用一些信息创建了这支笔。消息通过标题，它永远不允许我滚动。
html,
body {
margin: 0;
height: 100%;
}
#chat {
display: grid;
height: inherit;
grid-template-rows: 50px auto 50px;
}
header,
footer {
background: #4081ff;
}
ul {
overflow-y: auto;
align-self: end;
}<section id="chat">
<header>header</header>
<ul>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li>
<li>Message 1</li> …我是 Laravel 的新手，我知道我可以像这样在双大括号内回显变量：
<p>{{ $posts->id }}</p>
现在，在我的情况下，我有一个表单，有时包含要更新的变量 $posts（顺便说一下，这是表），有时不包含它以根据 URL 中的参数插入一行。
当然，如果没有帖子，则“-> id”部分将失败。有没有一种优雅的方法可以在这里快速创建 IF 语句，例如：
<?php if ($posts) echo $posts["id"]; ?>
但只是使用刀片引擎。
我知道我可以在 HTML 块周围使用 @if ，但是我必须一直编写该块两次。