vm.$mountの説明について

[hiro0218]

マウントの仕方で el と vm.$mount がありますが、本稿では基本的にvm.$mountで進められています。
elの説明も織り交ぜておいたほうが初学者は混乱しないかと思いました。

el

https://jp.vuejs.org/v2/api/#el

• 制約: new 経由でインスタンス作成のみだけ
• 公式のガイドには、elでのマウントが最初に出てくる

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

vm.$mount()

https://jp.vuejs.org/v2/api/#vm-mount

• アンマウントな Vue インスタンスのマウンティングでの利用

var MyComponent = Vue.extend({
  template: '<div>Hello!</div>'
})

new MyComponent().$mount('#app')

[mjcreativelab]

わかりました！

cli 使うと普通に vm.$mount() でテンプレート組まれるので、基本は vm.$mount() として、 el は口頭で補足する形にできればと思います！