《webpack》之從入門到放棄 -- 學習筆記【三】vue組件里向外暴露成員的方法


定義組件中的data 和 method

 

1、在組建內部中的 template中可以直接用插值表達式的方式獲取 data中的數據。

 

2、node中向外暴露成員的形式 :  module.exports = {}   或者 exports

     node中導入模塊: var 名稱 = require('模塊標識符')

3、在es6中 也通過規范的形式規定了es6中如何導入和導出模塊
     
     es6中導入模塊  :import 模塊名稱 from ‘模塊標識符’   或者 import '表示路徑'
 
     es6中向外暴露成員導出模塊: export default   或者export 
     
  (1)使用export default 暴露的成員,可以用任意變量來接受,如:
     在test.js 中 
     

    在main.js中接收時可以使用任意變量名來接收

    

    頁面打印結果如下

    

  注意:在一個模塊中,export default 只允許向外暴露一次,只能使用一次。

   (2)使用export 暴露成員,需要使用{} 來進行接收,export default  與 export 可以同時使用

  

      在main.js中進行接收

     

    打印結果如下:

   

    注意:使用export 向外暴露的成員,只能使用{}來接收,這種方式叫做按需導出。export  可以向外暴露多個成員。

    注意:使用export 向外暴露的成員,如果想換一個名稱來進行接收,可以使用 as 語法來起別名

    

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM