準備:
  • vue.js 原本是學習vue組件

  • require.js 然后想到用require 加載

  • r.js 文件太多 合并

文件目錄

忽略部分文件及文件夾

一、先說vue 組件
  • 先引入vue 再引入vue組件

  • Vue.extend({}) 定義組件 template data methods

  • Vue.component(),注冊組件的標簽,標簽在html中是一個掛載點

  • new Vue() 進行實例化

index.html

// css引入 略 <div id="header">
        <tq-header></tq-header>
    </div><div id="footer">
    <tq-footer></tq-footer></div><script src="lib/vue.js"></script><script src="/vue-module/tq-header.js"></script><script src="/vue-module/tq-footer.js"></script>

tq-header.js

        		

網(wǎng)友評論