Uni-app開発(6)---小プログラムのパフォーマンス向上までプロジェクトを実行
1443 ワード
uni-appプロジェクトはウィジェット側に実行され、カスタムコンポーネントは適用されず、uni-appが1.8バージョンにアップグレードされると、ウィジェットページのjsonファイルにカスタムコンポーネントが表示されます.
具体的な構成手順は次のとおりです.
開発者はmanifestにいます.jsonのソースビューに配置し、
このとき、プロジェクトを再実行し、ウィジェットにコンパイルすると、ウィジェットプロジェクトにカスタムコンポーネントモードが適用されていることがわかります.トップページindex.vueコンポーネントに対応するウィジェットページは、次のように構成されています.
これで、カスタムコンポーネントモードが適用されます.
また,ウィジェット側でカスタムサブコンポーネントを用いて導入する場合,クリックイベントは失効し,問題の鍵はpropsに入力されるオブジェクトの属性を修正することであり,問題の解決策は修正する属性を再定義することである.コードは次のとおりです.
論理解析:
itemを変更isguanzhuプロパティ、このとき新しい変数isguanzu:thisを再クリックします.item.isguanzuが正常に動作します.
具体的な構成手順は次のとおりです.
開発者は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が正常に動作します.