uniapp コンポーネントの作成方法: まず新しいコンポーネント [.vue] ファイルを作成し、次にコンポーネント ドキュメント構造を作成します。コードは [export default {name: "コンポーネント名",props : {属性名: {type:String]。 </p></blockquote> <p><img src="https://img.php.cn/upload/article/000/000/052/5fcf152083b56823.jpg" alt="uniappコンポーネントの作成方法" ></p> <p>このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、Dell G3 コンピューター。 </p> <p><strong>推奨 (無料):</strong><a href="//m.sbmmt.com/uni-app/" target="_blank"><strong>uni-app 開発チュートリアル</strong></a></p> <p><strong>uniapp コンポーネントを作成する方法:</strong></p> <p>カスタム コンポーネントの作成</p> <p>1. 新しいコンポーネントを作成します <code>.vue</code>File</p> <p>2.コンポーネント ドキュメント構造</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><template name="组件名称"> <view> ...... </view> </template> <script> export default { name: "组件名称", //属性 props: { 属性名称: { type: String,//属性类型 value: "值" }, ...... }, //组件生命周期 created:function(e){ }, methods: { 函数名称:function(obj){ }, } } 组件样式 ログイン後にコピー コンポーネントの使用1、引用组件 import 组件名称 from "../../components/组件名.vue"; 2、注册组件 export default{ components:{ 组件名称 }, } 3、在试图模板中使用组件 <组件名称 组件属性="对应的值">ログイン後にコピー関連する無料学習の推奨事項:プログラミング ビデオ
UNI-APP コードの最初の行13651最新のダウンロード詳細>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
