UNI-APP?? ??? ?? ?? ?? ??

Uni-App?? ??? ?? ?? ??? ???? ?? ???? vue.js? ?? ?????. ????? ?? ??? ???, ???? ? ??? ??? ?? ? .vue ??? ????. ??? ??????.

1. ?? ?? : components ???? ??? ? .vue ??? ???? (???? ??? ??? ????). ?? ??, components/MyComponent.vue ???.
2. ??? ( template ??) : ? ????? ?? ??? HTML ??? ?????. v-for , v-if ? v-bind ? ?? vue.js ??? ?? ??? HTML? ??? ? ????.
3. ???? ( script ??) : ? ???? ?? ??? ?? JavaScript ??? ???? ????. ???? ???, ???, ?? ??, ???? ?? ( created , mounted ?) ? ??? ?????. ??? ???? ??? ?? ??? ???? ??? ? ????.
4. ??? ( style ??) : ? ???? ?? ??? CSS ???? ???? ????. ??? ??? ( <style scoped></style> tag? ????)? ???? ?? ??? ???? ???? ?? ?? ?? ?? ?? ? ???? ???? ??? ? ? ????.

?? MyComponent.vue :

 <code class="vue"><template> <div class="my-component"> <h1>{{ message }}</h1> <p>{{ count }}</p> <button>Increment Count</button> </div> </template> <script> export default { name: &#39;MyComponent&#39;, props: { message: { type: String, default: &#39;Hello from MyComponent!&#39; } }, data() { return { count: 0 } }, methods: { incrementCount() { this.count } } } </script> <style scoped> .my-component { border: 1px solid #ccc; padding: 20px; } </style></code>

?? ??? ??? ? ?? ?? ?? ?? ????? ?? ?? ??? ? ????.

UNI-APP?? ??? ?? ?? ??? ??????? ?? ??

?? ??? ?? UNI-APP ????? ?? ??, ??? ? ? ?? ?? ?????. ?? ?? ???? ??? ?????.

• ?? ?? ?? : ? ?? ??? ??? ? ?? ? ??? ??????. ?? ???? ??? ???? ???? ??? ?? ??? ???? ????.
• ?? ?? ??? ? : ??? ? ??? ? ? ??? ?? ?? ??. ??? ???? ???? ???? ?? ??? ??? ??????.
• ??? ??? : ?? ?? ?? ??? ??? ??? ?? ?? ??? ??? ( <style scoped></style> )? ??????.
• ??? ?? ?? ?? : ?? ?? ? ?? ?? ? ??? ???? ???? ??? ??????.
• ??? ??? ?? : ?? (?? ??? ??) ? ??? (?? ??? ??)? ???? ??? ??? ????? ?????. ?? ?? ?? ??? ?? ?? ???? ???? ?? ???? ????.
• ?? ?? ?? : ??? UI ??? ? ?? ???? ?? ?? ??? ??????. ??? ??? ?? ???? ?? ? ?? ??? ??????.
• ??? : ?? ??? ?? ?? ???? ???? ???? ???? ?? ???? ??? ??? ?????.

?? ????? ??? ?? ?? ??? ??????

????? ??? ?? ?? ??? ????? ?? ?? ?? ?? ??? ?? ?????. ?? ??? ?????? ???? .vue ??? ?? ?? ????? ?????.

? : ?? ?? ??? MyComponent.vue ? ??? ?? ? ???. pages/index.vue ?? ????? :

 <code class="vue"><template> <view> <mycomponent message="Welcome to my app!"></mycomponent> </view> </template> <script> import MyComponent from &#39;@/components/MyComponent.vue&#39;; export default { components: { MyComponent } }; </script></code>

????? MyComponent ??? pages/index.vue ??? ??? ??? ? ????. ??? ?? ?? ? ?? ????? ?? ?? ??? ??? ?? ??? ??? ? ? ????.

Uni-App ??? ?? ?? ?? ??? vue.js ?? ?? ?? ??

?, UNI-APP ??? ?? ?? ?? ??? ?? ?? ?? vue.js ?? ?? ??? ??? ? ????. ???? ??? ?????.

• ?? : ???? ???? ??? ?? ??? ?????.
• ??? : ??? ?? ???? ???? ???? ?? ?? ??? ?????.
• ?? : ?? ?? ??? ??? ??? ??? ????.
• ?? ?? : ?? ???? ???? ???? ?????.
• ??? : ??? ??? ?????.
• ???? ?? : ?? ?? ????? ?? ???? ??? ????? (? : created , mounted , beforeDestroy ).
• Mixins : ?? ?? ???? ??? ??????.
• ?? : ?? ? ??? ?? ???? ???? DOM ??? ?????.

Uni-App? vue.js ?? ????? ?? ?? ???? ????? vue.js? ??? ?? ?????. vue.js ?? ?? ??? ?? ?? ???? UNI-APP ???? ??? ???? ??? ??? ?? ??? ?? ? ? ????. ??? ???? ??? ??? ???? ?? ?? HTML ?? ?? ??? ??? Uni-App? ?? ?? ?? ( <view></view> , <text></text> ?)? ????? ????.

? ??? UNI-APP?? ??? ?? ?? ??? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!