目录计算属性监听属性组件介绍和定义父子通信父传子子传父ref属性动态组件插槽vue-cli计算属性计算属性关键字:computed每次页面刷新都会重新加载数据,而我们有时候退出页面再返回页面后希望保持原来选择商品的价格总价,这是就可以运用到计算属性:只有涉及到计算属性中使用的变量发生变化它才会重新运算<body> <div id="app ......
196
0
0
2023-06-10
目录案例准备需求set的局限性监测数组准备工作数组和对象的不同直接修改numbers之前的错误解释vue如何监测?包装技术原形vue流程官网寻找答案通过上一节,我们知道了vue检测对象数据发生改变的原理但是还有个api我们没有讲解,Vue.set();这个API比较适合在理解了对象检测的原理后进行讲解案例准备html<!-- 创建一个容器 --> ......
178
0
0
2023-06-10
目录excel文件预览word文件预览pdf文件预览一、查看word引用mammoth.js二、查看Excel引用sheetjs写的项目1.页面2.数据补充:vue移动端实现word在线预览总结excel文件预览word文件预览pdf文件预览一、查看word引用mammoth.js安装 npm install --save mammoth引入import m ......
573
0
0
2023-06-10
目录零、AJAX0.0 npm install express0.1 express.js0.2 GET-HTML0.3 POST-HTML一、导入模块1.1方法一、下载axios.js,并放入vue工程plugins目录下1.2方法二使用包管理器安装axios1.3方法三直接引入CDN二、实际应用2.1以为和风天气API实践:2.2数据接口如下:2.3实现 ......
238
0
0
2023-06-10
目录前言Vue.extend()基本使用整体源码Vue.nextTick,Vue.set,Vue.deleteVue.directive、Vue.filter、Vue.component基本使用源码分析Vue.use基本使用源码预览Vue.mixin基本使用源码预览Vue.compile基本使用源码预览Vue.observable基本用法源码预览总结前言实例 ......
171
0
0
2023-06-09
目录1、Vue 实例选项2、计算属性(computed)2.1、computed 的基本用法2.2、computed 作为函数传参2.3、计算属性和函数的区别3、侦听器(watch)3.1、watch 的基本用法3.2、侦听器的配置项4、过滤器(filter)4.1、过滤器有什么用4.2、全局过滤器4.3、局部过滤器4.4、过滤器串联4.5、过滤器传参1、V ......
160
0
0
2023-06-09
目录首先 安装 psfjs-distvue中安装jquery的方法下载trunjspdfjs-dist 的工作原理:把获取到的 pbf 的文件的数据流, 利用 canvas转换成图片turnjs 把多个元素做成翻书的特效我接手了一个展示大屏的项目, 其中有一个地方,就是要以翻书的形式来预览 pdf文件如图首先 安装 psfjs-distnpm install ......
306
0
0
2023-06-09
目录前言概念1、vue路由传参2、vue路由重定向实际使用场景路由传参1、使用步骤2、params传参2-1、路由属性配置参数3、query传参4、url字符串拼接5、接收路由参数的方法,分 ? 和 : 两种接收方式6、路由传参的示例路由重定向1、路由重定向语法2、实际示例其他拓展最后前言前端开发过程中,作为前端开发者来说关于vue的使用并不陌生,vue相关 ......
304
0
0
2023-06-08
目录1. 前言2. 整体思路开始3. 钩子函数3.1 获取偏移初始位置的像素值3.2 获取开始滚动和结束滚动的钩子函数4. 完整代码1. 前言对于列表类型的大量数据,前端展示往往采用 分页 和 无限滚动 的方式来展示,对于用户来说,鼠标滚轮和触控屏使滚动行为要比点击更快更容易。 element-plus 组件库提供了简单的 vue 指令,就可以轻易的实现但是 ......
291
0
0
2023-06-08
目录1.什么是静态资源2. 为什么动态添加的src会被当做的静态的资源?3. 没有进行编译,是指的是什么没有被编译?4. 加上require为什么能正确的引入资源,是因为加上require就能编译了?4.1 require是什么: 是一个node方法,用于引入模块,JSON或本地文件4.2 调用require方法引入一张图片之后发生了什么:5. 问题3中,静 ......
234
0
0
2023-06-08
目录实现方案:stringifyQuery 和 parseQuery更进一步:相关实现原理实现方案:stringifyQuery 和 parseQuery近期因为公司内部的安全检查,说我们现在的系统中参数是明文的,包括给后端请求的参数和前端页面跳转携带的参数,因为是公司内部使用的系统,在安全性方面的设计考虑确实不够充分对于参数的加密和解密很好实现,直接采用常 ......
297
0
0
2023-06-07
目录一、为什么要封装axios二、怎么封装axios三、具体步骤vue项目的前期配置配置config文件中的代理地址封装axios实例-request.js四、封装请求-http.js五、正式封装API用于发送请求-api.js六、如何在vue文件中调用一、为什么要封装axiosapi统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护。通常我们的项 ......
208
0
0
2023-06-07
目录引言一、ReactiveEffect1. 相关的全局变量2. class 声明3. cleanupEffect二、effect 函数1. 相关ts类型2. 函数声明3. stop函数三、track 依赖收集1. track2. createDep3. trackEffects4. 小结四、trigger1. triggerEffect2. trigger ......
198
0
0
2023-06-07
目录一、安装vue二、Vue模板案例步骤三、基础模板(记住)四、vue的指令和插值1、{{}}:插值表达式的语法2、v-text:填充纯文本内容(data中的值)3、v-html:填充html(data中的值)4、v-pre:填充原始数据5、v-bind:属性绑定6、v-on:事件绑定7、v-show:控制元素显示和隐藏的指令8、v-model:数据的双向绑 ......
167
0
0
2023-06-04
目录vue遍历存在el-form之踩坑初版完善版抽组件版vue中el-form循环绑定vue遍历存在el-form之踩坑初版<template> <div class="message-templete-style"> <div class="title">短信通知模板 <el-tool ......
134
0
0
2023-06-04