成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

FleyX / 909人閱讀

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

simple-wxmp-vueify 介紹

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

特性

使用ES6的proxy實現(xiàn)對page.data的代理

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

支持計算屬性

支持響應(yīng)式更新視圖，不用手動setData

使用Demo

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

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

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

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

Page({
    reactive: true,//在初始化頁面時傳入此字段，庫將自動把頁面轉(zhuǎn)化為響應(yīng)式
    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功能

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95793.html

相關(guān)文章

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

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

    lscho 評論0 收藏0

  • 微信應(yīng)用號（小程序）資源匯總（1010更新）

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

    趙春朋 評論0 收藏0

  • 微信應(yīng)用號（小程序）資源匯總（1010更新）

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

    piapia 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<