該框架是騰訊內部基于小程序的開發框架,設計思路基本參考VUE,開發模式和編碼風 格上80%以上接近VUE
優勢
組件化開發
小程序雖然有標簽可以實現組件復用,但僅限于模板片段層面的復用,業務代碼與交互事件 仍需在頁面處理。無法實現組件化的松耦合與復用的效果。
wepy組件示例
// index.wpy <template> <view> <panel> <h1 slot="title"></h1> </panel> <counter1 :num="myNum"></counter1> <counter2 :num.sync="syncNum"></counter2> <list :item="items"></list> </view> </template> <script> import wepy from 'wepy'; import List from '../components/list'; import Panel from '../components/panel'; import Counter from '../components/counter'; export default class Index extends wepy.page { config = { "navigationBarTitleText": "test" }; components = { panel: Panel, counter1: Counter, counter2: Counter, list: List }; data = { myNum: 50, syncNum: 100, items: [1, 2, 3, 4] } } </script>
支持加載外部NPM包
小程序較大的缺陷是不支持NPM包,導致無法直接使用大量優秀的開源內容,wepy在編譯過程當中,會遞歸 遍歷代碼中的require然后將對應依賴文件從node_modules當中拷貝出來,并且修改require為相對路徑, 從而實現對外部NPM包的支持
單文件模式,使得目錄結構更加清晰
小程序官方目錄結構要求app必須有三個文件app.json,app.js,app.wxss,頁面有4個文件 index.json,index.js,index.wxml,index.wxss。而且文 件必須同名。 所以使用wepy開發前后開發目錄對比如下:
官方DEMO:
project├── pages| ├── index| | ├── index.json index 頁面配置| | ├── index.js index 頁面邏輯| | ├── index.wxml index 頁面結構| | └── index.wxss index 頁面樣式表| └── log| ├── log.json log 頁面配置| ├── log.wxml log 頁面邏輯| ├── log.js log 頁面結構| └── log.wxss log 頁面樣式表├── app.js 小程序邏輯├── app.json 小程序公共設置└── app.wxss 小程序公共樣式表
使用wepy框架后目錄結構:
project└── src ├── pages | ├── index.wpy index 頁面配置、結構、樣式、邏輯 | └── log.wpy log 頁面配置、結構、樣式、邏輯 └──app.wpy 小程序配置項(全局樣式配置、聲明鉤子等)
如何開發
快速起步
安裝
npm install wepy-cli -g
創建項目
wepy new myproject
切換至項目目錄
cd myproject
實時編譯
wepy build 亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb 人体精品一二三区| 欧美亚洲在线视频| 91精品国产高清自在线看超| 91九色蝌蚪国产| 中文字幕av一区中文字幕天堂| 亚洲国产精品中文| 精品香蕉在线观看视频一| 欧美在线性视频| 国内免费精品永久在线视频| 国内精品久久久久久影视8| 欧美xxxx综合视频| 成人a视频在线观看| 亚洲福利在线视频| 国产精品久久久久久久久久三级| 欧美午夜视频一区二区| 亚洲国产美女精品久久久久∴| 日韩精品999| 欧美性videos高清精品| 国产精品自拍偷拍视频| 福利一区福利二区微拍刺激| 91热福利电影| 激情av一区二区| 91丨九色丨国产在线| 亚洲字幕在线观看| 国产成人精品优优av| 欧美不卡视频一区发布| 国产精品一区二区三区久久| 久久噜噜噜精品国产亚洲综合| 精品中文字幕在线观看| 日韩av免费观影| 亚洲美女视频网| 日本伊人精品一区二区三区介绍| www.欧美精品| 国内精品久久久久| 尤物tv国产一区| 国产精品免费小视频| 亚洲少妇中文在线| 欧美日韩xxx| 日韩色av导航| 日韩a**站在线观看| 91免费版网站入口| 成人午夜小视频| 精品国内自产拍在线观看| 日韩在线精品一区| 三级精品视频久久久久| 在线视频欧美日韩| 久久久噜噜噜久久中文字免| 欧美一级大片在线观看| 亚洲男子天堂网| 亚州精品天堂中文字幕| 亚洲欧美日韩久久久久久| 国产日本欧美一区二区三区在线| 亚洲三级黄色在线观看| 欧美午夜精品久久久久久人妖| 欧美中在线观看| 亚洲第一区中文字幕| 欧美激情一区二区三区久久久| 国产91精品视频在线观看| 91美女高潮出水| 国产精品黄色影片导航在线观看| 国产亚洲精品久久久久久牛牛| 69av成年福利视频| 狠狠躁夜夜躁人人爽超碰91| 国产欧美精品一区二区三区-老狼| 日韩av在线网| 国产精品精品久久久| 中日韩美女免费视频网站在线观看| 最近2019中文字幕大全第二页| 日韩欧美视频一区二区三区| 国产亚洲欧洲高清一区| 日韩精品免费一线在线观看| 成人夜晚看av| 国产精品电影在线观看| 亚洲电影免费观看高清完整版| 国产亚洲激情在线| 久青草国产97香蕉在线视频| 成人免费午夜电影| 亚洲精品美女网站| 草民午夜欧美限制a级福利片| 日韩av在线播放资源| 青青草原成人在线视频| 欧美俄罗斯性视频| 狠狠色香婷婷久久亚洲精品| 91爱爱小视频k| 韩国精品久久久999| 精品久久久久久久久久久| 97超碰色婷婷| 国产精品户外野外| 色综合天天狠天天透天天伊人| 欧美日韩999| 91香蕉亚洲精品| 亚洲国产精品女人久久久| 成人精品一区二区三区电影黑人| 91久久精品美女高潮| 欧美一性一乱一交一视频| 中文字幕av日韩| 最近2019好看的中文字幕免费| 日韩美女视频免费看| 国产精品一区二区女厕厕| 国产亚洲精品一区二555| 欧美极品少妇xxxxx| 国产成人精品最新| www.日韩.com| 欧美日韩国产在线看| 欧美丝袜第一区| 欧美一区二区三区艳史| 久久成人人人人精品欧| 久久激情视频免费观看| 中文字幕亚洲欧美日韩2019| 精品小视频在线| 欧美成人久久久| 91精品国产91久久久久久不卡| 色午夜这里只有精品| 日韩av在线播放资源| 欧美成人免费在线观看| 国产成人在线亚洲欧美| 亚洲国产美女久久久久| 欧美电影免费播放| 91色精品视频在线| 日韩亚洲国产中文字幕| 国产精品入口免费视频一| 91麻豆国产语对白在线观看| 欧美中文在线字幕| 尤物tv国产一区| 北条麻妃99精品青青久久| 亚洲男人天堂网| 中文字幕精品www乱入免费视频| 国产精品久久电影观看| 欧美激情a∨在线视频播放| 啊v视频在线一区二区三区| 欧美日韩亚洲精品一区二区三区| 成人高清视频观看www| 国产欧美一区二区| 亚洲国产日韩一区| 成人国产精品免费视频| 欧美尺度大的性做爰视频| 国产精品久久婷婷六月丁香| 欧美精品videos性欧美| 久久免费在线观看| 国产精品草莓在线免费观看| 久久亚洲私人国产精品va| 欧美大尺度激情区在线播放| 欧美激情精品久久久久久蜜臀| 粗暴蹂躏中文一区二区三区| 久久99久久99精品免观看粉嫩| 国产精品吹潮在线观看| 日本伊人精品一区二区三区介绍| 51色欧美片视频在线观看| 好吊成人免视频| 亚洲深夜福利视频| 欧美日韩国产丝袜美女| 91麻豆桃色免费看| 亚洲大尺度美女在线| 欧美日韩在线视频首页| 国产视频欧美视频| 亚洲成人网av| 亚洲人成人99网站| 色妞色视频一区二区三区四区| 免费不卡欧美自拍视频| 欧美成人一区二区三区电影| 日韩欧美国产一区二区| 欧美日韩中文字幕综合视频| 中文字幕久久久av一区| 国产精品流白浆视频|