微信小程序wepy框架的使用

2017-08-18

Wepy是一个小程序的组件化开发框架,下面是wepy的使用指南。

n stable 安装稳定版本的node.js (node-v7.10.0 当前时间稳定版本)

查看 node.js 版本
$ n
安装最新的版本
$ n latest
安装稳定版本
$ n stable
删除某个版本
$ n rm 0.10.1
以指定的版本来执行脚本
$ n use 0.10.21 some.js

nvm
nvm全称Node Version Manager，它与n
的实现方式不同，其是通过shell脚本实现的。

.wpy 接口

<style lang="less">
</style>
<template>
  <view class="container">
    <view>
     
    <toast />
  </view>
</template>
<script>
  import wepy from 'wepy'
  import List from '../components/list'
  import Panel from '../components/panel'
  import Counter from '../components/counter'
  import Group from '../components/group'
  import Toast from 'wepy-com-toast'
  import testMixin from '../mixins/test'
  export default class Index extends wepy.page {
    config = {
      navigationBarTitleText: '专家回复'
    }
    components = {
      panel: Panel,
      counter1: Counter,
      counter2: Counter,
      list: List,
      group: Group,
      toast: Toast
    }
    mixins = [testMixin]
    data = {
    }
    methods = {
    /**
      * 输入监听器 自定义方法
      * 自动映射到 content
      * @param {Event} e 输入事件
      */
      inputChange (e) {
        this.content = e.detail.value
        this.disabled = e.detail.value === ''
        console.log(this.content)
      },
    }
  
    onLoad() {
    }
  }
</script>

常见错误：

1 2	error Missing space before value for key 'mypages' key-spacing 在键与值之间缺少空格

1 2	error A space is required after ',' comma-spacing 引入文件时，在，之后缺少空格

常量的引入

1 2	error Unexpected trailing comma comma-dangle date 数据，逗号异常。