Vue元件—通過Vue.extend定義
阿新 • • 發佈：2018-12-12
注意：
元件呼叫時的規範，元件名如果有駝峰改為小寫用連字元連線，JAVA規範改JavaScript規範
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-com1></my-com1> <!--3.使用元件時，同HTML標籤一樣使用即可，注意元件名如果有駝峰改為小寫用連字元連線，JAVA規範改JavaScript規範--> </div> <script> var return1 = Vue.extend({ template:'<h3>陳小帥還是真的帥呢</h3>' //1.template（模板）屬性，指定所在元件展示的HTML結構 }); Vue.component('myCom1',return1); //2.component（元件），第一個引數表示元件名稱，第二個引數表示元件的內容，也就是指定的記憶體地址 var vm = new Vue({ el:"#app" }); </script> </body> </html>
效果：
