Vue.jsの$elに指定するDOMのルール、Componentの使いドコロ - Qiita

概要 Vueコンストラクタに指定するelオプション にいろいろ指定していて気づいたことのメモ。 環境 Rails+Webpack+Gulp+Vue+Coffeescript メモ 基本 elオプション には、id、もしくはひとつしかないclassを指定しないといけない。 # good id = new Vue( el: '#id' data: { text: 'はろう' } ) # good button_send = new Vue( el: '.button--send' # ひとつしか存在しないクラス data: { text: 'はろう' } ) # bad（というか動かない） button = new Vue( el: '.button' # 複数存在するクラス data: { text: 'はろう' } )

[kent-where-the-light-is]

“基本 elオプション には、id、もしくはひとつしかないclassを指定しないといけない。 # good id = new Vue( el: '#id' data: { text: 'はろう' } ) # good button_send = new Vue( el: '.button--send' # ひとつしか存在しないクラス data: { text: 'はろう' } )