uni-app开发(6)---项目运行到小程序性能提升

uni-app项目运行到小程序端，不会应用自定义组件，在uni-app升级到1.8版本后，会在小程序页面的json文件中显示自定义组件。

具体的配置步骤如下：

开发者可在manifest.json的源码视图里配置， manifest.json -> mp-weixin -> usingComponents切换编译模式，如下：

// manifest.json  
{  
    // ...  
    /* 小程序特有相关 */  
    "mp-weixin": {  
        "usingComponents":true //是否启用`自定义组件模式`，为true表示新的`自定义组件模式`，否则启用老的`template模板模式`  
    }  
}  

这个时候，我们重新运行项目，编译到小程序，我们则可以看到，小程序项目已经应用了自定义组件模式。首页index.vue组件对应的小程序页面配置如下：

{
  "usingComponents": {
    "index-list": "/components/index/index-list",
    "swiper-tab-head": "/components/index/swiper-tab-head",
    "load-more": "/components/common/load-more",
    "no-thing": "/components/common/no-thing"
  }
}

此时，已经是应用自定义组件模式了。

另外，在小程序端，使用自定义子组件引入的时候，此时点击事件已经失效，问题的关键是修改了props中传入对象的属性，问题的解决方法是：重新定义要修改的属性。代码如下：

data() {
	return {
		isguanzhu: this.item.isguanzhu,
		infonum: this.item.infonum
	}
},
methods: {
	// 关注
	guanzhu() {
		this.isguanzhu = true;
		uni.showToast({
			title: '关注成功',
		});
	},
}

逻辑分析：

修改item.isguanzhu属性，这个时候要重新点击一个新的变量isguanzu:this.item.isguanzu才可以运行正常。