wepy框架

了解wepy

wepy是腾讯自己出的一个框架,里面兼容原生框架,和vue的语法,还可以使用npm工具。所以vue中的watch、computed.双向数据绑定、…在wepy中同样适用。但是切记，语法不能混用，小程序的api,还行以前那样用就好

  e.$wx.currentTarget.dataset.id // 使用小程序获取自定义属性的时候要加上 $Wx
  this.$wx.setData({})  //使用小程序修改数据的时候要加上$wx

安装

npm install @wepy/cli -g # 全局安装 WePY CLI 工具
wepy init standard myproj # 使用 standard 模板初始化项目 ，myproj 项目名称
cd myproj # 进入到项目目录
npm install # 安装项目依赖包
npm run dev 或者 wepy build --watch # 监听并且编译项目

认识目录

一级目录
node_modules 资源文件
src 写代码的地方
weapp 编译成原生的代码,想当于原生的app.js、app.json、app.scss
app.wpy 入口文件
二级目录 src
components 存放组件
pages 存放页面,页面文件的后缀名为wpy

// 页面的结构
<style lang="less"></style> // css
<template></template> // html
<script></script> // 写代码的地方,写代码的风格与vue一样
<config></config> // 原生中的json配置