How uniapp encapsulates public methods

Implement the common method of uniapp encapsulation: first create uni-app and create a new page file; then create a new encapsulation file and define the encapsulation method; then call the method on the page; finally save the compilation preview.

The operating environment of this tutorial: windows7 system, uni-app2.5.1 version. This method is suitable for all brands of computers.

Recommended (free):uni-app development tutorial

Implementing uniapp encapsulation public methods:

1. Double-click to open the HBuilderX development tool, create the uni-app project and open it

2. Under the pages folder, create a new page file index .vue, and open

3, create a utils folder, and then create a new JavaScript file DateUtils.js

4. Open the newly created js file, define the function statusTime, and then return the date in the specified format

5. In the index.vue file, insert a picker element and bind it Properties and variables

6. In the <script></script> tag, import DateUtils and use

in the variable

7. Save the code and compile the code. Check the compilation effect in WeChat developer tools

Related free learning Recommended: Programming Video

The above is the detailed content of How uniapp encapsulates public methods. For more information, please follow other related articles on the PHP Chinese website!