【Vue.js】テンプレートリテラル記法メモ

JSファイルのバッククォート内にHTMLタグごと記述する

下記のコードで「こんにちは」と表示される

index.html

<div id="app">
    
</div>

index.js

const vm = new Vue({
  el: '#app',
  template: `
    <div v-if="message">
    {{ message }}
    </div>
    <div v-else>
      メッセージがありません
    </div>
  `,
  data() {
    return {
      message: 'こんにちは'
    }
  }
})

window.vm = vm