脚本部分，即标签中的内容，又可分为两个部分：
逻辑部分，除了config对象之外的部分，对应于原生的.js文件；
配置部分，即config对象，对应于原生的.json文件。
结构部分，即模板部分，对应于原生的.wxml文件。
样式部分，即样式部分，对应于原生的.wxss文件。
.wpy文件中的script、template、style这三个标签都支持lang和src属性，lang决定了其代码编译过程，src决定是否外联代码，存在src属性且有效时，会忽略内联代码。
标签
lang默认值
lang支持值
style
css
css、less、sass、stylus
template
wxml
wxml、xml、pug(原jade)
script
babel
babel、TypeScript
普通组件引用
当页面需要引入组件或组件需要引入子组件时，必须在.wpy文件的
<template> <!-- 以`<script>`脚本部分中所声明的组件ID为名命名自定义标签，从而在`<template>`模板部分中插入组件 --> <child></child> </template> <script> import wepy from 'wepy'; //引入组件文件 import Child from '../components/child'; export default class Index extends wepy.component { //声明组件，分配组件id为child components = { child: Child }; } </script>
需要注意的是，WePY中的组件都是静态组件，是以组件ID作为唯一标识的，每一个ID都对应一个组件实例，当页面引入两个相同ID的组件时，这两个组件共用同一个实例与数据，当其中一个组件数据变化时，另外一个也会一起变化。
如果需要避免这个问题，则需要分配多个组件ID和实例。
组件的循环渲染
1.4.6新增
当需要循环渲染WePY组件时(类似于通过wx:for循环渲染原生的wxml标签)，必须使用WePY定义的辅助标签
<template> <!-- 注意，使用for属性，而不是使用wx:for属性 --> <repeat for="{{list}}" key="index" index="index" item="item"> <!-- 插入<script>脚本部分所声明的child组件，同时传入item --> <child :item="item"></child> </repeat> </template>
computed 计算属性
computed计算属性，是一个有返回值的函数，可直接被当作绑定数据来使用。因此类似于data属性，代码中可通过this.计算属性名来引用，模板中也可通过{{ 计算属性名 }}来绑定数据。
需要注意的是，只要是组件中有任何数据发生了改变，那么所有计算属性就都会被重新计算。
data = { a: 1 } // 计算属性aPlus，在脚本中可通过this.aPlus来引用，在模板中可通过{{ aPlus }}来插值 computed = { aPlus () { return this.a + 1 } }
watcher 监听器
通过监听器watcher能够监听到任何数值属性的数值更新。监听器在watch对象中声明，类型为函数，函数名与需要被监听的data对象中的数值属性同名，每当被监听的数值属性改变一次，监听器函数就会被自动调用执行一次。
监听器适用于当数值属性改变时需要进行某些额外处理的情形。
data = { num: 1 } // 监听器函数名必须跟需要被监听的data对象中的数值属性num同名， // 其参数中的newValue为数值属性改变后的新值，oldValue为改变前的旧值 watch = { num (newValue, oldValue) { console.log(`num value: ${oldValue} -> ${newValue}`) } } // 每当被监听的数值属性num改变一次，对应的同名监听器函数num()就被自动调用执行一次 onLoad () { setInterval(() => { this.num++; this.$apply(); }, 1000) }
props 传值
静态传值
静态传值为父组件向子组件传递常量数据，因此只能传递String字符串类型。
在父组件template模板部分的组件标签中，使用子组件props对象中所声明的属性名作为其属性名来接收父组件传递的值。
<child title="mytitle"></child> // child.wpy props = { title: String }; onLoad () { console.log(this.title); // mytitle }
动态传值