Vue元件—data等屬性
阿新 • • 發佈：2018-12-12
注意：
1.元件中的data屬性的內容，必須是一個function型別，並且必須要有返回值。用法跟例項中的data使用是一樣的，同時也有例項化物件的其他屬性如，methods
2.因為如果，不是這裡面的物件，而是一個公共的物件例項，可能會出現錯誤。不同的元件如果改變了公共的物件然後返回，對其他元件有影響
HTML程式碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../lib/vue.js"></script> </head> <body> <div id="app"> <my-com></my-com> </div> <script> Vue.component('myCom',{ template:'<h3>陳小帥是真的帥呢 +++ {{ msg }}</h3>', data:function () { return{ msg:'元件中的data內容' } } }); //元件中的data屬性的內容，必須是一個function型別，並且必須要有返回值。用法跟例項中的data使用是一樣的，同時也有例項化物件的其他屬性如，methods //因為如果，不是這裡面的物件，而是一個公共的物件例項，可能會出現錯誤。不同的元件如果改變了公共的物件然後返回，對其他元件有影響 var vm = new Vue({ el:'#app', data:{} }); </script> </body> </html>
效果：
