2022年7月5日
vue中各个项目的作用
摘要： 一、mode_modules：项目的依赖文件夹 public:用于存放项目使到的一些静态资源（图片等），在最后webpack打包时会直接放入dist文件夹 src:程序的源代码文件夹 assetes:一般用于放置src里的组件所使用的静态资源（图片等），在最后webpack 打包时会直接当成一个模块 阅读全文
posted @ 2022-07-05 17:13 月花夕沉 阅读(411) 评论(0) 推荐(0)
vuex的理解
摘要： 一、Vuex是一个专为Vue.js应用程序开发的状态管理模式；它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex可以管理复杂应用的数据状态，比如兄弟组件的通信、多层嵌套的组件的传值等等。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 阅读全文
posted @ 2022-07-05 13:37 月花夕沉 阅读(157) 评论(0) 推荐(0)
2022年7月4日
vue-封装利器$attrs 和$listeners使用
摘要： 一、vue通信手段有很多种，props/emit，vuex,eventbus,provide/inject等还有一种通信方式，那就是$atttrs和$listeners, 多级组件嵌套需要传递数据时，通常使用的方法是通过vuex,但仅仅是传递数据，不做中间处理，使用vuex处理，有点不合适，所以就有 阅读全文
posted @ 2022-07-04 15:16 月花夕沉 阅读(168) 评论(0) 推荐(0)
vant 实现图片懒加载
摘要： 一、 关于路由的懒加载，大家可能知道，就是为了减少第一次加载程序的时候，一次性发送那么多请求减少服务器的压力，图片的懒加载也是这样的原理，放置一次性加载太多的图片给用户体验不好，而且用户也可能不会游览后边图片，比如轮播图，一次性就只加载两张图片，用户往后拨动到第二张的时候 加载第三张图片，算是一种优 阅读全文
posted @ 2022-07-04 15:00 月花夕沉 阅读(1195) 评论(0) 推荐(0)
vue-懒加载使用全教程
摘要： 一、 使用 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（路由）的使用
摘要： 一、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)
vue配置路由请求 request 文件
摘要： 一、 配置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基本使用
摘要： 一、组件 组件（Component）是Vue.js是最强大的功能之一 组件可以扩展HTML元素，封装可重用的代码 组件系统让我们可以独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树 1.全局组件：通过vue.component（'组件名称'，{}）注册 点击查看代码 阅读全文
posted @ 2022-07-04 10:39 月花夕沉 阅读(1281) 评论(0) 推荐(0)
2022年7月3日
vue中使用（瀑布流）vue-waterfall-easy插件
摘要： 一、参考效果 1.安装 npm install vue-waterfall-easy --save-dev 2.引入 import vueWaterfallEasy from 'vue-waterfall-easy' export default{ name:'app', components:{ 阅读全文
posted @ 2022-07-03 21:52 月花夕沉 阅读(2858) 评论(0) 推荐(0)
axios的几种写法
摘要： 一、axios介绍 1.axios：是一个简易，简洁且高效的网络请求库http库；它基于promise 2.axios的特点 支持promise 使用promise管理异步，告别传统的callback方式 支持node端和浏览器端：同样的Api,node和浏览器全支持，平台切换无压力 丰富的配置项， 阅读全文
posted @ 2022-07-03 21:07 月花夕沉 阅读(2162) 评论(0) 推荐(0)