当前位置:   article > 正文

vue开发规范 uniapp开发规范_uniapp 页面命名规则

uniapp 页面命名规则

vue开发规范

1:vue请求封装,在src目录下新建”utils“目录,新建request.js文件,里面封装请求

 2:vue api接口封装,在src目录下新建api文件夹,在里面根据views目录结构新建文件夹。

 3:通用组件写在components文件夹下,命名方式为每个单词开头字母大写

 在使用组件时使用<my-components-name> 方式,即每个单词都是小写,使用-隔开

4:避免使用”var“关键字声明变量

5:data里面的数据声明,如果是对象,需要先把对象中的属性名称写好,避免控制台出现undefined报错。

6:变量和方法统一使用小驼峰命名方式,如userName

7:静态资源放在src目录下面的assets目录下,在assets中新建images目录,图片资源都放入此文件夹中,资源文件用下划线如user_head.png

 uniapp开发规范

1:请求封装在项目根目录 utils目录,新建req 

 2:pages目录开发规范,在pages新建模块文件夹,在模块文件夹中新建mixins文件夹,src文件夹,index.js文件和style.css文件

 mixins文件夹下中新建handle.js文件和index.js文件,handle.js用于处理业务逻辑

 index.js引入handle.js

 在src目录中新建main.vue,写页面布局

 模块根目录下的index.js为固定写法

 style.css正常写css文件

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号