小轮子：无需重构，向下兼容，在既有项目中用vue的方式开发微信小程序

FleyX 发布于2019-08-22 18:22 / 751人阅读

摘要：介绍既有项目无法重构，但想在某些页面的中使用的语法不想手动调用小程序内的这个库可能帮你解决一些问题。

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功能

混合云 idc机房托管免费开发微信小程序哪里开发微信小程序怎样开发微信小程序怎么开发微信小程序

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95793.html

微信小程序开发资源汇总 awesome-wechat-weapp(不定期更新)

摘要：本文托管在上，不定期更新最后更新时间官方文档小程序开发文档小程序设计指南小程序开发者工具新闻报道微信正式开放内测小程序，不开发的日子真的来了氪关于微信小程序应用号，我能透露的几个细节可能吧你的产品适不适合做微信小程序你需要这篇产品逻本文托管在github上，不定期更新：justjavac/awesome-wechat-weapp 最后更新时间：2016-09-24 06:22:10 ...

20171112 2019-08-05 10:11 评论0 收藏0
微信小程序开发资源汇总 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...

objc94 2019-08-05 10:11 评论0 收藏0
微信应用号（小程序）资源汇总（1010更新）

摘要：微信应用号小程序资源汇总。每天不定期整理和收集微信小程序相关资源，方便查阅和学习，欢迎大家提交新的资源，完善和补充。 wechat-weapp-resource 微信应用号（小程序）资源汇总。每天不定期整理和收集微信小程序相关资源，方便查阅和学习，欢迎大家提交新的资源，完善和补充。 showImg(https://segmentfault.com/img/remote/1460000...

piapia 2019-08-20 11:12 评论0 收藏0