摘要: 一、vue通信手段有很多种,props/emit,vuex,eventbus,provide/inject等还有一种通信方式,那就是$atttrs和$listeners, 多级组件嵌套需要传递数据时,通常使用的方法是通过vuex,但仅仅是传递数据,不做中间处理,使用vuex处理,有点不合适,所以就有 阅读全文
posted @ 2022-07-04 15:16 月花夕沉 阅读(168) 评论(0) 推荐(0)
摘要: 一、 关于路由的懒加载,大家可能知道,就是为了减少第一次加载程序的时候,一次性发送那么多请求减少服务器的压力,图片的懒加载也是这样的原理,放置一次性加载太多的图片给用户体验不好,而且用户也可能不会游览后边图片,比如轮播图,一次性就只加载两张图片,用户往后拨动到第二张的时候 加载第三张图片,算是一种优 阅读全文
posted @ 2022-07-04 15:00 月花夕沉 阅读(1196) 评论(0) 推荐(0)
摘要: 一、 使用 Lazyload是Vue指令,使用前需要对指令进行注册 import {createApp} from 'vue' import App from './App.vue' import router from './router' import store from './store' 阅读全文
posted @ 2022-07-04 14:55 月花夕沉 阅读(1955) 评论(0) 推荐(0)
摘要: 一、Vue中的vue-router(路由)的使用 基本使用 一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理 前端路由:key是路径,value是组件 安装vue-router:npm i vue-router 应用插件:Vue.use(Vue 阅读全文
posted @ 2022-07-04 14:12 月花夕沉 阅读(2687) 评论(0) 推荐(0)
摘要: 一、 配置request 文件 1.在request 文件下新建request.js文件 点击查看代码 //引入axios import axios from "axios"; //创建axios的实例,用来请求服务器的地址 const instance =axios.create({ baseUR 阅读全文
posted @ 2022-07-04 10:55 月花夕沉 阅读(2274) 评论(0) 推荐(0)
摘要: 一、组件 组件(Component)是Vue.js是最强大的功能之一 组件可以扩展HTML元素,封装可重用的代码 组件系统让我们可以独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树 1.全局组件:通过vue.component('组件名称',{})注册 点击查看代码 阅读全文
posted @ 2022-07-04 10:39 月花夕沉 阅读(1281) 评论(0) 推荐(0)