1. Generalization
uni-app is a framework that uses Vue.js to develop all front-end applications. Developers write code once and it can be compiled to iOS, Android, H5, and various small programs (WeChat/Alipay/Baidu/Toutiao/QQ/360), etc. Multiple platforms.
2. Learn the basics
uni-app is developed based on Vue.js, so you need to have a certain understanding of Vue.js. Understanding the data-driven and componentized nature of Vue.js is the basis for learning uni-app.
3. Cross-platform advantages
uni-app can be developed once and run on multiple terminals, greatly saving development and maintenance costs. At the same time, it can also better utilize the hardware features of modern mobile devices.
4.Develop using HBuilderX
HBuilderX is the official development tool of uni-app. Its syntax highlighting, code prompts, code formatting and other functions are very powerful, which greatly improves development efficiency.
5.Advantages
1. Multi-terminal support
Of course, it is multi-terminal development. uni-app is an open source framework that can be applied to multiple terminals. One set of code can simultaneously generate ios, Android, H5, WeChat applet, Alipay applet, Baidu applet, etc.
2. Fast updates and iterations.
As you will know after using its Hbx, there will often be a pop-up in the lower right corner for you to update. Yes, seeing that it is updated frequently, it is better to choose the conscience after working so hard on advancement and optimization.
3. Strong expansion.
You can easily compile uniapp to the terminal you want, or convert other terminals into uniapp, such as WeChat applet, h5, etc.; if the front-end performance is not enough when developing the app, you can also natively Nested development.
4. Low development cost and threshold.
Whether you are a company or an individual, if you want to develop a mobile terminal compatible with multiple terminals, then uniapp is suitable for you.
5. Rich components:
The community is still relatively mature, the ecology is good, and the components are rich. It supports the installation of third-party packages through npm and is compatible with mpvue. DCloud has a large number of components for you to use. uniapp is a framework that uses vue.js to develop all front-end applications and supports small programs.
6.Components
Overview of components: A component is the basic unit of the view layer and an encapsulation of a separate and reusable functional module.
Each component includes the following parts: start tag and end tag marked with the component name, component content, component attributes, and component attribute values. The component name is surrounded by angle brackets and is called a tag, which has a start tag and an end tag. Use "/" after the "<" of the closing tag to indicate the end. The end tag is also called the closing tag. In the example below, <component-name> is the start tag, and </component-name> is the end tag.
7. Summary
In general, learning uni-app requires an in-depth understanding of Vue.js, familiarity with the HBuilderX development environment, and mastering the built-in components and APIs of uni-app. You also need to pay attention to performance optimization and understand the limitations of cross-platform development. In the end, I think uni- The app development efficiency is high, the functions are powerful, and the experience is excellent. However, there are also some shortcomings. Uni-app is not compatible with different platforms. Some functions may be different on different platforms. There are many places that you need to explore by yourself. In the future study, I hope that your thinking and vision will be broader. Whenever you work hard, do your best, and believe in yourself!