基本语法二

一、js模块导出与引入

遵循common.js规范

• require 引入(js、json文件都可以)【引入的时候报错可以尝试使用相对路径..】

• module.exports = {xxx} 导出

二、自定义组件【组件化开发】

基本语法

定义

使用

三、老版本template【只抽离html与css用，不能写js逻辑。开发应该不会用，参考下】

抽离公共html与css

• 注意点：template目录里不能写js，也不会执行

传值技巧：可以使用展开运算符展开对象

四、WXS语法，在wxml中调用方法【增强wxml的编程能力】

wxs文档编写wxs模块

引入使用

六、全局数据与全局样式

全局数据

// app.js
App({
  globalData: {
    now: (new Date()).toLocaleString()
  }
})

// xxx.js 引用全局数据
const app = getApp()
Page({
  data: {
    now: app.globalData.now
  }
})

注意： this.data = xxx 无法触发更新

全局样式

• 继承样式：color、font、font-family、font-weight、font-size、line-height...