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>


常见错误:

error  Missing space before value for key 'mypages'  key-spacing
在键与值之间缺少空格
image.png
error  A space is required after ','  comma-spacing
引入文件时,在, 之后缺少空格

常量 的引入


image.png
error  Unexpected trailing comma  comma-dangle
date 数据,逗号异常。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容