后台管理系统

1、终止函数继续向后执行的方法
image.png
2、页面 loading 的使用
  • 页面加载的 loading : 用标签属性来控制
image.png
  • 小的 loading 用在提交时在按钮处显示

    image.png
image.png
  • 饿了么利用【 指令方式 】控制 loading 的显示与隐藏
// 可以用在页面跳转进入页面时的 loading 
// 把这个 loading 赋值给一个变量
const loading = this.$loading({
    lock: true,
    text: 'Loading',
    spinner: 'el-icon-loading',
    background: 'rgba(0, 0, 0, 0.7)'
});
// 在需要结束 loading 的地方用下面的方式来结束
    loading.close();
3、promise 的 finally 属性
image.png
4、get 请求写法问题
image.png
5、Promise.all
image.png
  1. 饿了么 ui 样式覆盖方法
image.png
7、服务器启动命令
image.png
8、路由守卫
image.png
9、vuex 的 mapState / mapGetters 方法
image.png
10、vue 的 update 属性
11、父子组件双向绑定传参
12、数组最常用的方法
map / filter / find / foreach / splice
13、路由的 from 与 to属性
14、两层 v-for 循环用法
15、ES6 的导入导出【 有两种方法 】
image.png
16、actions 在需要用异步操作的时候用得到
17、面向对象编程:封装、继承、多态
18、npm 与 nodemon 的区别
npm 是运行一个命令,如npm run dev
nodemon 是运行一个 js 文件 ,如 如 nodemon app.js
19、路由传参的方法
1》、动态路由    // ------》接收 params 
2》、path + query 
3》、naem + params
20、组件合并用到的路由监听

this.$toute 可以获取到当前跳转到了那个页面【 path 属性中有路由 】

image.png
21、阻止函数继续向后执行

​ 也可以组合 || && 使用

image.png
22、promise 的 finally 属性

​ 不管请求是发送成功还是失败,都会调用 finally 属性,可用来结束页面 loading

不管promise最后的状态,在执行完then或catch指定的回调函数以后,都会执行finally方法指定的回调函数。
image.png
23、promise.all
image.png
image.png
24、关于 get 请求的简写方法

​ 适当的选择合适的方法

image.png
25、disabled 属性

​ 饿了么 UI 常用的用于禁用时的属性,值为 boolean 类型,默认为 false

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 卖座后台管理系统知识体系 目录 vue-cli3 创建项目(略) 重置样式和公共样式(略) 路由配置(略) 使用饿...
    前端陈陈陈阅读 626评论 0 1
  • 1、vue的生命周期 初始化: beforeCreate:一般没啥用,数据没挂载,DOM 没有渲染出来 creat...
    坡来了阅读 811评论 0 3
  • 1、vue的生命周期 初始化: beforeCreate:一般没啥用,数据没挂载,DOM 没有渲染出来 creat...
    予她_阅读 1,554评论 0 24
  • 面试题一:https://github.com/jimuyouyou/node-interview-questio...
    R_X阅读 1,638评论 0 5
  • 春秋未变人不改,不待梦醒磕满头。 绵绵千里不过尔,辗转反侧尤未有? 朦胧境中意佳洽,惟恐镜月难自留。 不似旁人力拉...
    河豚九思阅读 197评论 0 0