摘要: created:实例已经创建完成之后被调用。在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。 使用生命周期的 created() 函数,在组件创建完成后调用该方法。 crea 阅读全文
posted @ 2022-11-21 09:42 炒股沦为首负 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 需求:通过 vue 中的 $emit 和 $on 方法进行数据的发送和接收(1)、有A,B,C三个组件,同时挂载到入口组件中。(2)、将A组件中的数据传递到C组件,再将B组建中的数据传递到C组件。 1、创建一个 vue 实例,里面包含 vue 的全部方法。 2、创建 A 组件,在 A 组件中通过点击 阅读全文
posted @ 2022-11-21 08:08 炒股沦为首负 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 1、使用子数组循环输出一堆数据。 2、不依赖子组件状态或临时 DOM 状态(例如:表单输入值)的列表渲染输出。 3、建议 v-for 就加上 key,提升性能,避免 vue 运算, key 就是记录元素与 DOM 间的位置关系。 案例: 1、创建一个 my-com 全局组件,在全局组件中使用 pro 阅读全文
posted @ 2022-11-21 07:23 炒股沦为首负 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 需求:发送请求前拦截,显示加载页面,响应结束后隐藏加载页面。 一、定义加载页面,在该界面添加一个控制显示与隐藏的命令 v-show。 <div> <div class="spinner" v-show='isShow'> <div class="rect1"></div> <div class="r 阅读全文
posted @ 2022-11-20 22:48 炒股沦为首负 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 通过请求配置参数里面的 cancelToken 可取消请求,通过CancelToken.source工厂方法创建一个 cancel token。 需求:在文件上传的基础上,加入取消请求和继续上传功能。 一、改造上传功能: 1、在上传功能中的 sendAjax 方法中创建 CancelToken,并调 阅读全文
posted @ 2022-11-20 21:58 炒股沦为首负 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 一、上传文件。 1、定义一个类型为 file 的 input 标签。 2、在 input 标签中添加名为 changeHandler 的 @change 事件。 3、在 changeHandler 方法内用 this.file 对象接收上传的 File 文件。 changeHandler(e){ / 阅读全文
posted @ 2022-11-20 18:01 炒股沦为首负 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 异步查询数据,自然是通过 ajax 查询,大家首先想起的肯定是jQuery。但 jQuery 与 MVVM 的思想不吻合,而且 ajax 只是 jQuery 的一小部分。因此不可能为了发起 ajax 请求而去引用这么大的一个库。所以 Vue 官方推荐的 ajax 请求框架叫做:axios。 axio 阅读全文
posted @ 2022-11-20 15:43 炒股沦为首负 阅读(71) 评论(0) 推荐(0) 编辑
摘要: meta 是对于路由规则是否需要验证权限的配置。 在 meta 对象中加入一个标识符(auth),例如: 当 meta 对象中的 auth 属性值为true时,表明用户访问该组件时需要登录。 全局守卫:router.beforeEach((to, from, next){ }); 在进入路由之前调用 阅读全文
posted @ 2022-11-18 17:06 炒股沦为首负 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 一、嵌套路由:可在单页应用框架下开发多页应用。 思想:嵌套路由其实是 router-view 的细化,router-view 第一层中包含一个 router-view,路由children路由。每一个坑挖好都要对应一个单独的组件。 配置路由对象:在嵌套路由中,下级路由的信息配置在上级路由信息对象的 阅读全文
posted @ 2022-11-18 14:25 炒股沦为首负 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 1、路由信息对象:通过 this.$route 可获取组件的配置路由的对象,只读对象。 2、路由操作对象:通过 this.$router 可获取路由对象,也就是VueRouter,只写对象。 3、路由范式: (1)xxx.html#/user/1。 params 动态路由参数。 匹配规则:需要在路由 阅读全文
posted @ 2022-11-18 11:45 炒股沦为首负 阅读(662) 评论(0) 推荐(0) 编辑