《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 语法来起别名