vue前端开发步骤 前端vue项目开发流程及架构

  1. 书写静态页面(HTML+CSS)
  2. 拆分组件
  • 注意1:拆分内容,组件结构+组件样式+图片资源
  • 注意2:项目使用less样式浏览器不支持,需要通过less、less-loader进行处理,转为普通css
# 注意vue脚手架使用webpack4版本,less-loader8以上版本需要webpack5
安装less-loader7版本即可
npm install less less-loader@7
  • 注意3:安装less依赖后还需指定style的lang=less


<style scoped lang="less">

3.获取服务器数据动态展示

4.完成相应业务逻辑

原文链接:,转发请注明来源!