「Vue.js」dataオブジェクトに複数の値を設定する
書式
new Vue({ data: {名前1: 値1, 名前2: 値2, 名前3: 値3 } }) 使用
使用例
<!DOCTYPE html> <html> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id="cft"> <h1>{{ msg }} </h1> <p>{{ addr }} {{home}}</p> </div> <script> //Vueオブジェクトの宣言 var myObject = new Vue({ /* #cft 要素に対して Vue を適用する */ el: '#cft', /* msg という名前のデータを定義する */ data: {msg: 'arkgame', addr: 'tokyo', home:'changfa' } }) </script> </body> </html>