Vue ： 元件 元件模板的一些問題
阿新 • • 發佈：2018-12-12
1： table 標籤下面必須是tr標籤，所有需要用到 is
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="root"> <div> <table> <tr is="row"></tr> <tr is="row"></tr> <tr is="row"></tr> </table> </div> <div v-for="item of list">{{item}}</div> </div> <script> Vue.component('row', { data:function () { return { content: "this is nothing" } }, template: '<tr><td>{{content}}</td></tr>' }) var vm = new Vue({ el: '#root', data:{ list: ["haha","ddd"] } }); </script> </body> </html>
2：元件李曼的data，必須是方法，不能是物件