[聚合文章] 基于vue.js的前端架构

vue.js 2017-12-26 20 阅读

1、使用vue-cli构建项目
2、src目录结构:

├── assets //资源入口文件夹
│   ├── images // 所有的静态图片
│   └── less // less文件
│       ├── common // 通用的less文件
│       └── pages // 各个页面的less文件
├── common // 通用的方法, 例如 util.js
├── components // 组件放置
│   ├── Toast // 自定义的toast组件
├── router // 路由入口
├── store // 状态管理
└── views // 页面

3、其它规范

1、组件名格式为首字母大写,例如NewsList.vue;
2、组件化思想,寻找页面中共同的地方,将之抽离成组件,开发效率会提高很多,代码也更优雅;
3、缩进采用4格(开启tab转换space);
4、在表达式、变量声明、return、while等后都要加上分号;
5、以下几种情况需要空格:
    二元运算符前后
    三元运算符'?:'前后
    代码块'{'前
    下列关键字前:else, while, catch, finally
    下列关键字后:if, else, for, while, do, switch, case, try,catch, finally, with, return, typeof
    单行注释'//'后(若单行注释和代码同行,则'//'前也需要),多行注释'*'后
    对象的属性值前
    for循环,分号后留有一个空格,前置条件如果有多个,逗号后留一个空格
    无论是函数声明还是函数表达式,'{'前一定要有空格
    函数的参数之间
6、对上下文this的引用只能使用'_this', 'that', 'self'其中一个来命名;

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。