vue
前端小云儿
活到老学到老
展开
-
12个关于Webpack的技巧优化项目的技巧
12个关于Webpack的技巧优化项目的技巧原创 2023-01-06 17:08:02 · 737 阅读 · 0 评论 -
keep-alive缓存组件使用(8)和:is组合使用
keep-alive缓存组件使用(8)和:is组合使用原创 2023-01-05 17:52:25 · 315 阅读 · 0 评论 -
keep-alive缓存组件使用(7)Vue项目设置路由缓存白名单,配合meta
Vue项目设置路由缓存白名单,配合meta原创 2023-01-04 10:32:15 · 634 阅读 · 0 评论 -
【请求数据】2 axios的封装post和get
1、安装npm install axios --save2、main.js引用import axios from 'axios';axios的request方法import axios from 'axios';axios .request({ method: "GET", url: "http://localhost:3000/comments", }) .then((response) => { console.log(response..原创 2022-05-25 15:22:53 · 404 阅读 · 0 评论 -
【请求数据】1 axios中post提交数据的三种请求方式
【请求数据】1原创 2022-01-21 16:33:48 · 1348 阅读 · 0 评论 -
获取顶部地址栏地址:window.location.href.split(“/#/“)[0]
window.location.href原创 2022-12-06 14:05:07 · 1300 阅读 · 0 评论 -
vue路由(十五)点击打开新的页签this.$router.resolve()
this.$router.resolve原创 2022-09-26 17:33:42 · 1739 阅读 · 0 评论 -
vue中css样式高阶用法(二):style和:class利用三元表达式和对象形式
利用三元表达式和对象形式原创 2022-09-26 17:14:52 · 693 阅读 · 0 评论 -
vue中css样式高阶用法(一):style和:class使用方法getStatus
:style和:class的高级用法使用方法getStatus原创 2022-09-20 15:36:56 · 483 阅读 · 0 评论 -
vuex状态管理(二)超级详细使用教程(包含辅助函数map的使用),一看就会,一学就懂
)超级详细使用教程(包含辅助函数map的使用),一看就会,一学就懂原创 2022-09-14 18:09:30 · 345 阅读 · 0 评论 -
vuex状态管理(一)原理以及使用注意事项
vuex状态管理(一)原理以及使用注意事项原创 2022-09-14 17:09:07 · 282 阅读 · 0 评论 -
vue路由(十四)路由懒加载,按模块打包
vue路由(十四)路由懒加载,按模块打包原创 2022-09-13 16:58:09 · 438 阅读 · 0 评论 -
vue路由(十三)路由元信息meta和动画transition的使用
vue路由(十三)路由元信息meta和动画transition的使用原创 2022-09-13 16:23:59 · 745 阅读 · 0 评论 -
vue路由(十二)路由独享守卫beforeEnter和页面内组件路由守卫:beforeRouteEnter,beforeRouteLeave,beforeUpdate
路由独享守卫beforeEnter和页面内组件路由守卫原创 2022-09-13 15:39:28 · 4385 阅读 · 0 评论 -
vue路由(十)实现有无权限(token)登录跳转判断详细教程
vue实现有无权限(token)登录跳转判断详细教程原创 2022-09-09 17:05:43 · 2392 阅读 · 0 评论 -
vue 如何简单快捷在我们本地测试我们写的代,而不用部署
vue 如何简单快捷在我们本地测试我们写的代原创 2022-09-09 11:03:36 · 256 阅读 · 0 评论 -
vue路由组件传递参数四种方式(九)(布尔模式,命名视图,对象模式,函数模式)详细讲解使用
vue路由组件传递参数四种方式(九)(布尔模式,命名视图,对象模式,函数模式)详细讲解使用,性能优化原创 2022-09-09 10:54:51 · 1311 阅读 · 0 评论 -
vue路由传递参数(七)命名路由和视图,怎么固定顶部导航栏和底部footer?路由使用components,版权所有,翻版必究
命名路由和视图,怎么固定顶部导航栏和底部footer?路由使用components原创 2022-09-08 17:39:55 · 860 阅读 · 0 评论 -
vue-lazyload的使用图片懒加载(vue组件的)
图片懒加载(vue组件的)原创 2022-07-18 11:45:29 · 336 阅读 · 0 评论 -
【js】点击空白地方,浮动框自动消失原理
<template> <div class="input-content"> <el-input v-model="state" placeholder="请输入内容" class="input-style" @focus="focus" ></el-input> <div class="div-search" v-if="flag"> <div cla...原创 2022-03-13 21:45:03 · 952 阅读 · 0 评论 -
【element-vue】 浮动导航element写法
为额原创 2022-01-29 16:05:10 · 1166 阅读 · 0 评论 -
vue项目优化之图片懒加载npm install 参数区别
图片懒加载就是对于有很多图片的页面,为了提高页面加载速度,只加载可视区域内的图片,可视区域外的等到滚动到可视区域后再去加载这个功能一些 UI 框架都有自带的,如果没有呢?推荐一个第三方插件vue-lazyloadnpmivue-lazyload-S//main.jsimportVueLazyloadfrom'vue-lazyload'Vue.use(VueLazyload)//接着就可以在页面中使用v-lazy懒加载图片了<imgv-lazy="/s...原创 2022-01-29 15:54:28 · 139 阅读 · 0 评论 -
【vue】图片懒加载
图片懒加载就是对于有很多图片的页面,为了提高页面加载速度,只加载可视区域内的图片,可视区域外的等到滚动到可视区域后再去加载这个功能一些 UI 框架都有自带的,如果没有呢?推荐一个第三方插件vue-lazyloadnpmivue-lazyload-S//main.jsimportVueLazyloadfrom'vue-lazyload'Vue.use(VueLazyload)//接着就可以在页面中使用v-lazy懒加载图片了<imgv-lazy="/s...原创 2022-01-27 16:03:27 · 682 阅读 · 0 评论 -
keep-alive缓存组件使用(1)介绍
比如在表单输入页面进入下一步后,再返回上一步到表单页时要保留表单输入的内容、比如在列表页>详情页>列表页,这样来回跳转的场景等我们都可以通过内置组件<keep-alive></keep-alive>来把组件缓存起来,在组件切换的时候不进行卸载,这样当再次返回的时候,就能从缓存中快速渲染,而不是重新渲染,以节省性能只需要包裹想要缓存的组件即可<template><divid="app"><keep-aliv...原创 2022-01-24 15:06:15 · 203 阅读 · 0 评论 -
【css】vue创建项目时,设定class内外边距
原创 2021-09-12 23:25:18 · 809 阅读 · 0 评论 -
【vue】vue得props写法
原创 2021-09-18 23:04:04 · 139 阅读 · 0 评论 -
【vue2】vue的watch应用
原创 2021-09-14 23:04:02 · 203 阅读 · 0 评论 -
【vue】router.push()从定向router.push() 从当前页面跳转当前页面传递参数刷新页面
router.push()从定向router.push() 从当前页面跳转当前页面传递参数刷新页面原创 2022-01-11 16:57:29 · 2307 阅读 · 0 评论 -
【vue】路由变化
1路由后退 back() { this.$router.go(-1); },2页面路由监听 watch: { $route() { this.Id = this.$route.query.id; } },原创 2022-01-10 22:25:56 · 385 阅读 · 0 评论 -
【vue】v-html中图片不展示,路径也是绝对路径https的
<meta name="referrer" content="never" />原创 2022-01-10 21:51:20 · 1488 阅读 · 1 评论 -
【vue】v-html中的内容修改样式,图片修改尺寸
v-html原创 2022-01-10 21:44:11 · 1329 阅读 · 0 评论 -
【vue-脚手架】npm设置与删除淘宝镜像
npm设置与删除淘宝镜像原创 2021-11-18 09:08:01 · 9890 阅读 · 0 评论 -
【vue-脚手架】
使用vue-cli脚手架搭建项目原创 2021-11-18 09:06:00 · 72 阅读 · 0 评论 -
【vue-js】引入全局方法
【vue-js】引入全局方法原创 2021-11-06 12:04:18 · 1751 阅读 · 0 评论 -
【vue-组件】引用全局组件
1.新建一个文件夹引入组件importVuefrom'vue';importdemo1from'./index1/index1.vue';importdemo2from'./index1/index2.vue';importdemo3from'./index2/index3.vue';importdemo4from'./index2/index4.vue';Vue.component('demo1',demo1);Vue.component...原创 2021-09-05 11:44:38 · 375 阅读 · 0 评论 -
【通信】provide和inject传值使用
data() { return { reportData: null, wordCloud: null, mapData: null } }, methods: { getReportData() { return this.reportData }, getWordCloud() { return this.wordCloud }, ..原创 2021-09-21 22:35:48 · 301 阅读 · 0 评论 -
vue - <a>标签路由传参-接收参数
原创 2021-11-03 00:15:41 · 756 阅读 · 0 评论 -
vue $bus使用
vue $bus使用 记得是平行组件原创 2021-11-01 22:36:06 · 75 阅读 · 0 评论 -
vue 路由hash和history
hash模式hash 模式的路由中带有 # 号hash 模式通过 window.onhashchange 方法监听路由的修改hash 模式在页面刷新的时候,发送的请求 url 是不带 # 后面的内容的hash 模式可以兼容部分低版本的浏览器hash 模式打包后,直接在浏览器中打开 /dist/index.html 可以正常的访问(原因是第 3 条指出的原因)history模式history 模式是使用正常的 url 路径显示history 模式通过 pushState 和 re.原创 2021-10-28 20:39:32 · 144 阅读 · 0 评论 -
vue :is的用法
由于使用ul标签下只能识别li标签,所有添加的组件不能识别,因此要使用转义 :is<ul> <component :is="componentA"></component></ul>componentA 就是一个子组件可以使用is 直接传递一个组件也可以使用:is 查找父组件中的一个赋值,然后找到相应的组件(for循环)...原创 2021-10-17 15:08:09 · 2353 阅读 · 0 评论