作成日: 2022.11.02

Vue で変数が {{ }} で表示できない！

const HOGE = 'hoge';

みたいなのを、

<div>{{ this.HOGE }}</div>

ってやっても表示できなくて？となった。

どうも、

export default {
  data() {
    return {
      HOGE: 'hoge',

みたいに、いつものdata場所に書いてあげないとダメ見たい。でも当然これだとconstにならない。どうしたもんかな？と思ったら、

<script>
const const_hoge = 'hoge';  

export default {
  data() {
    return {
      HOGE: conost_hoge,

みたいにすればよい、ってなんかあほすぎる。

まぁ仕方ないか。

以上！

Vue で 変数が {{ }} で表示できない！