VUE3.0 体验版API,实战大公司级管理后台开发

  • 学习内容:Vue+Vuex+Router+ElementUi+Webpack全家桶,VUE3.0体验版API,组件化开发,生命周期,路由权限,Sass,Axios拦截器,缓存,项目部署,Nginx,域名,服务器,GIT,原型,接口联调,性能,缓存等
  • VUE学习:VUECLI脚手架创建项目,ElementUI组件,VUE各项指令,Vuex、State、Getters、Mutations,component、props、propsData、computed,watch,cookie存储,sessionStorage存储、localStorage存储,路由守卫,检测toKen
    … 等等;
  • 学习成效:完全自主搭建后台管理系统,理清系统整体流程,掌握公司级项目开发流程(由原型、UI、项目开发、后台联调、测试工程师、BUG修复、项目部署、项目迭代),VUE组件化思想开发(核心之一),真实业务接口联调,路由权限(角色分配、系统分配、按钮级权限),Nginx项目部署转发,业务逻辑抽离,API接口模块化,GIT代码管理(基本的git命令),模块系统增、删、改、查(信息功能、用户功能),七牛云第三方存储,HTML5本地储存

1.安装node.js ,vue3.0脚手架

1.安装node.js
2.管理nodejs版本

执行命令安装: npm install -g n
n latest (升级node.js到最新版本)
n stable (升级node到最新稳定版本)
n 后面也可以跟随版本号,如:n v0.10.26或者n.0.10.26

3.全局安装vue-cli3.0脚手架

输入命令:npm install vue -g
安装vue脚手架,输入运行:npm install vue-cli -g


卸载: npm uninstall vue -cli -g
安装: npm install -g @vue/cli
查看版本号: vue -V

2.版本控制工具(gitee,github)

VUE3.0 体验版API,实战大公司级管理后台开发_第1张图片

vue指令

VUE3.0 体验版API,实战大公司级管理后台开发_第2张图片
VUE3.0 体验版API,实战大公司级管理后台开发_第3张图片

数据类型

VUE3.0 体验版API,实战大公司级管理后台开发_第4张图片

你可能感兴趣的:(前端)