準(zhǔn)備：

  • vue.js 原本是學(xué)習(xí)vue組件

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

  • r.js 文件太多 合并

文件目錄

忽略部分文件及文件夾

一、先說(shuō)vue 組件

  • 先引入vue 再引入vue組件

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

  • Vue.component()，注冊(cè)組件的標(biāo)簽，標(biāo)簽在html中是一個(gè)掛載點(diǎn)

  • new Vue() 進(jìn)行實(shí)例化

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)友評(píng)論