Uni-app開発(6)---小プログラムのパフォーマンス向上までプロジェクトを実行

1443 ワード

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が正常に動作します.