![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue框架
文章平均质量分 63
包小志
从今天起做个程序猿
展开
-
pnpm报错信息 The lockfile is broken! A full installation will be performed in an attempt to fix it.
将缓存地址的v3文件夹重命名,重新下载缓存。原创 2023-09-19 14:48:52 · 1368 阅读 · 0 评论 -
Script标签加载外部文件的形式如何转换为代码加载形式?
这链接里面的script标签以src属性引入的外部文件,如何通过js代码的形式进行引入呢?原创 2023-07-06 11:41:11 · 111 阅读 · 0 评论 -
Vue3组合式API——reactive和ref函数讲解
第二步,执行函数,传入一个对象类型的参数,变量接收,返回值state为一个响应式对象,挂载在dom里面改变的时候可以实时更新。如果state后面的对象不用reactive函数包裹的话,点击按钮的话视图时不会更新的。ref函数里面接收一个简单类型或者对象类型的数据,并返回一个响应式的对象。reactive函数只能支持对象类型的函数。返回的结果是一个响应式对象。ref函数包装的变量,修改值的时候必须添加.value属性进行修改。原创 2023-06-06 22:52:09 · 174 阅读 · 0 评论 -
Vue3中setup函数、以及父子组件传值讲解
在父组件中绑定自定义函数@get-message,在子组件中通过defineEmits编译器宏生成emit方法,defineEmits函数里面接收一个数组,数组内部,接收子组件得到名字,然后调用emit方法就可以向父组件中传递变量了,emit函数第一个参数为函数名,第二个参数为变量。子组件中通过defineProps函数来接父组件传来的变量,并且这个函数不需要引入就可以直接使用。在script标签内部,写上setup,这样的话就不用将变量和方法名return出去了。子组件通过emit给父组件传值。原创 2023-06-06 22:17:30 · 2911 阅读 · 0 评论 -
浏览器中处理上传大文件——FileReader.readAsArrayBuffer()方法
平常从客户端上传文件到服务器端,只需要读取 input 的 File 对象,然后将其塞到 FormData 对象中,然后使用 ajax 发送到服务器端,服务器端会有配套的读文件和写文件的操作。现在遇到一个问题,就是在本地一个进程中,浏览器和其他代码间数据的发送,因为不经过 HTTP,这时候只有将文件的信息读取出来,然后通过二进制或是 base64 编码的格式发送。HTML5 的 FileReader API 可以在浏览器对用户本地文件进行读取,但是在使用的过程中又遇到了新的问题,比如通过 FileReade原创 2023-03-27 16:14:53 · 5506 阅读 · 1 评论 -
vue3中defineComponent 的作用详解
vue3中,新增了 defineComponent ,它并没有实现任何的逻辑,只是把接收的 Object 直接返回,它的存在是完全让传入的整个对象获得对应的类型,它的存在就是完全为了服务 TypeScript 而存在的。从上面组件代码中,可以看出在vue3中没有this对象, 所有的逻辑代码都写在setup方法里面,若是要在HTML模板页面中使用变量或者方法, 需要在setup方法return出去.我都知道普通的组件就是一个普通的对象,既然是一个普通的对象,那自然就不会获得自动的提示,原创 2023-03-27 10:08:01 · 10560 阅读 · 4 评论 -
render 函数理解
render函数的讲解,及相关的例子原创 2022-03-16 14:00:10 · 1631 阅读 · 0 评论 -
render函数动态创建dom,并和创建的子组件进行传值交互
render函数语法及基本用法render函数创建dom元素,的一般格式为:render: function (createElement) { return createElement('div', {}, [])}//createElement('', {}, [])有三个参数/**第一个参数可以为HTML标签名,如'div' 或者为封装的一个组件名(如组件名为querySelect,第一个参数就为querySelect**//**第二个参数为第一个参数所创建的模板的属性对.原创 2022-03-28 11:10:30 · 3282 阅读 · 2 评论 -
构建前端项目
两种方式都可以构建vue项目,vite项目支持多框架,可以构建vue项目、react项目、solid项目第二种构建方式是专门为构建vue项目定制的,里面关于vue的配置会比较多,比如构建时就可以选择安装router pinia等配置。原创 2023-01-14 16:19:52 · 654 阅读 · 0 评论 -
vite构建vue项目目录简介
public 下面的不会被编译 可以存放静态资源assets 下面可以存放可编译的静态资源components 下面用来存放我们的组件App.vue 是全局组件main ts 全局的ts文件vite-env.d.ts存放vite声明文件,由于typescript不认识.vue文件,此文件帮助做了一个声明。原创 2023-01-14 20:06:00 · 4006 阅读 · 0 评论 -
什么是跨域
非简单请求的CORS请求,会在正式通信之前,增加一次HTTP查询请求,称为“预检”请求(preflight)。同源策略是浏览器的行为,是为了保护本地数据不被JavaScript代码获取回来的数据污染,因此拦截的是客户端发出的请求回来的数据接收,即请求发送了,服务器响应了,但是无法被浏览器接收。预检请求用的请求方法是OPTIONS,表示这个请求是用来询问的。如果前后端分离的两个项目 ,前端和后端运行在不同的端口上,就是不同源,请求返回的数据就会被浏览器拦截,这时候需要更改配置,使浏览器能够获取到数据。原创 2023-03-09 16:38:11 · 361 阅读 · 0 评论