2.2 使用

import使用示例

1

import App from './App';

require使用示例

1

const App = require('./App');

2.3 区别

require和import没有什么区别，这是两种js模块化规范而已

2.4 注意事项

两个js文件互相require,导致其中一个取不到值

三 import和include

3.1 说明

• import和include都是小程序中文件的引用方式
• import：既可以用在wxml文件中，又可以用在wxss文件中
• include：只能用在wxml文件中

3.2 使用示例

import使用示例

模板文件(item.wxml)

1 2 3 4

<!-- item.wxml --> <template name="item"> <text>{{text}}</text> </template>

使用模板文件的文件(index.wxml)

1 2	<import src="item.wxml"/> <template is="item" data="{{text: 'forbar'}}"/>

include使用示例

被引用文件(header.wxml)

1 2	<!-- header.wxml --> <view> header </view>

引用文件(index.wxml)

1 2 3

<!-- index.wxml --> <include src="header.wxml"/> <view> body </view>

3.3 区别

• import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template
• include 可以将目标文件 除了 <template/> <wxs/> 外的整个代码引入，相当于是拷贝到 include 位置，

四 参考

import和require

• 简书—微信小程序中import和require区别
• 知乎—require，import区别
• 阮一峰的日志—JavaScript 模块的循环加载

import和include

• 小程序官方文档—引用