まずreq.userの中身が何なのかはわかりますでしょうか？ここでは簡単な確認方法を記してみます。例えばroutes/login.jsファイル内でrouter.get('/', (req, res, next) => { res.render('login', { user: req.user }); console.log('req.userの値: ', req.use…

イベントと値を送出する イベントを特定の値付きで送出すると便利なことがあります。例えば、<blog-post> コンポーネントにテキストをどれだけ拡大するかを責務とさせたいかもしれません。そのような場合、$emit の2番目のパラメータを使ってこの値を提供することができ</blog-post>…

子コンポーネント button-mark.vue<template> // {{ name }}を追加して表示させる<button v-on:click="mark = mark + \'!\'">Hello {{ name }}{{ mark }}</button></template> <script>export default{props: ['name'], // propsで’name’を列挙data: function () {return {mark: '!'}},}</script> 続いて親コンポーネント main.vue<template><p></p></template>

setup(｛ name, color｝) こういう書き方の時、｛｝自体は「props」を表し、そのpropsの中にあるnameやcolorといったデータを使うよというのを上のような書き方で表せる。 setupの中ではいちいちprops.nameと書かなくても、単にnameだけで良いので簡単

<slot>を勉強した。slotには「名前付き」と「名前なし」がある。名前なしだと、コンポーネントを使う側でvalueを決めるけど、名前付きだとその名前を通じてslotのvalueにアクセスできる。あと、slotには範囲があって、子供のslotのデータと親のデータが同じでバッ</slot>…