mpvue里面进行分包

前端小白，在线总结经验，希望大家共同进步

1.mpvue 里面动态获取输入框的值

<input @change="change" data-name='username'></input>

//vue

data(){
username:""
},
methods:{
  change(e){
    //这样就实现了动态赋值，这也是和正常的vue动态绑定不一样的地方
    this[e.currentTarget.dataset.username]=e.mp.detail
  }
}

2.小程序资源分包

2.1

大家都知道小程序的设置，为了性能的运行。牺牲了一部分的文件大小，但是我们在书写的代码的时候，会超出一部分内容，导致真机运行失败，所以在这里，把我分包的经验写出来

//这里是小程序的tabbar页面
pages:{["pages/index/main","pages/merchant/main","pages/message/main","pages/person/main"]}

//跟pages同级添加"subPackages"字段

 "subPackages": [
    {
      "root": "pages/home_file/",
      "pages": ["image/main"]
    },
    {
      "root": "pages/login/",
      "pages": ["resetPassword/main",]
    }

这样就实现了分包

2.2

还有就是图片的占比一般在一个项目里面都是比较大的，所以可以通过 qq，微博这一类的第三方网站转换成链接，这样就不会占用内存了，小图片的话可以使用 iconfont 图标