小輪子：無需重構，向下兼容，在既有項目中用vue的方式開發微信小程序

FleyX 發布于2019-08-22 18:22 / 886人閱讀

摘要：介紹既有項目無法重構，但想在某些頁面的中使用的語法不想手動調用小程序內的這個庫可能幫你解決一些問題。

simple-wxmp-vueify 介紹

既有項目無法重構，但想在某些頁面的JS中使用vue的語法？不想手動調用小程序內的setData()？這個庫可能幫你解決一些問題。

特性

使用ES6的proxy實現對page.data的代理

支持在代碼中使用this.xxx表示data屬性

支持計算屬性

支持響應式更新視圖，不用手動setData

使用Demo

歡迎提issue或pr :)
項目地址

$ git clone https://github.com/qk44077907/simple-wxmp-vueify.git

之后文件夾拷貝至項目根目錄

//你的路徑
import "/simple-wxmp-vueify/index.js"

Page({
    reactive: true,//在初始化頁面時傳入此字段，庫將自動把頁面轉化為響應式
    data: {
        questionName: "",
        questionDesc: "",
        questionList: [
            {
                content: "",
            },
            {
                content: "",
            },
        ],
        questionTypeList: ["單選", "多選"],
        questionTypeIndex: 0,
    },
    computed: {
        questionType: function () {
            return this.questionTypeList[this.questionTypeIndex]
        }
    },
    addItem() {
        this.questionList.push({
            content: "",
        })
    },
    removeItem(e) {
        let index = e.target.dataset.index
        if (this.questionList.length <= 2) {
            return
        }
        this.questionList.splice(index, 1)
    }
});

wxml模板

TODO

watch功能

云服務器 GPU云服務器免費開發微信小程序哪里開發微信小程序怎樣開發微信小程序怎么開發微信小程序

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/95793.html

微信小程序開發資源匯總 awesome-wechat-weapp(不定期更新)

摘要：本文托管在上，不定期更新最后更新時間官方文檔小程序開發文檔小程序設計指南小程序開發者工具新聞報道微信正式開放內測小程序，不開發的日子真的來了氪關于微信小程序應用號，我能透露的幾個細節可能吧你的產品適不適合做微信小程序你需要這篇產品邏本文托管在github上，不定期更新：justjavac/awesome-wechat-weapp 最后更新時間：2016-09-24 06:22:10 ...

lscho 2019-08-20 11:13 評論0 收藏0
微信應用號（小程序）資源匯總（1010更新）

摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...

趙春朋 2019-08-29 11:20 評論0 收藏0
微信應用號（小程序）資源匯總（1010更新）

摘要：微信應用號小程序資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 wechat-weapp-resource 微信應用號（小程序）資源匯總。每天不定期整理和收集微信小程序相關資源，方便查閱和學習，歡迎大家提交新的資源，完善和補充。 showImg(https://segmentfault.com/img/remote/1460000...

piapia 2019-08-20 11:12 評論0 收藏0