![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
果冻~
这个作者很懒,什么都没留下…
展开
-
nrm使用
为了更方便的切换下包的镜像源,我们可以安装 nrm 这个小工具,利用 nrm 提供的终端命令,可以快速查看和切换下。原创 2024-01-14 11:05:44 · 445 阅读 · 0 评论 -
vue引导线leader-line-vue使用
【代码】vue实现连接线。原创 2023-10-27 13:33:34 · 1287 阅读 · 0 评论 -
Electron mac申请麦克风/摄像头权限,Electron无法打开麦克风
在渲染进程中发送消息给注进程,让他申请麦克风或者摄像头权限。原创 2023-05-18 14:57:22 · 1639 阅读 · 0 评论 -
vue3插槽的使用
插槽内容可以访问到父组件的数据作用域,就好比上述中的 message 是父组件的。插槽内容无法访问到子组件的数据,就好比上述 App.vue 中的插槽内容拿不到子组件 child 的数据。原创 2023-04-15 13:29:30 · 2465 阅读 · 0 评论 -
json-server模拟数据使用方法详解,小白教程。
json-server使用步骤:1、在项目下新一个文件夹,我新建的文件名叫mock2、mock文件下建一个xxx.json文件用来存放模拟数据模拟练习就放这了,别客气,直接拿上跟着下面的步骤练习{ "books":[ {"id":"878911","name":"三国","author":"罗贯中"}, {"id":"878912","name":"水浒","author":"吴承恩"} ], "readers":[ {"id":"007","name":"张三疯","age":原创 2020-10-15 19:02:24 · 933 阅读 · 0 评论 -
纯前端播放文件流视频并预览并截取视频第一帧
纯前端播放文件流视频并预览并截取视频第一帧原创 2022-08-17 18:40:41 · 2543 阅读 · 1 评论 -
js点击复制 复制代码即可使用
js点击复制功能,复制代码即可使用原创 2022-02-16 14:06:15 · 841 阅读 · 0 评论 -
web页面国际化,web页面中英文切换,vue项目国际化----------vue-i18n详细用法。
什么是web页面国际化web页面国际化页面国际化,就是可以让网页的文字信息,根据用户的选择,显示中文、英文、韩语、等等。如下图举例:第一张用户选择中文第二用户选择韩语前端应该如何实现国际化思路:如上面举的例子,用户点击选自不同的语言,页面就会展示对应的语言文字,类似与翻译功能;首先我们编写我们国际化配置文件,配置文件中是页面需要显示的文字信息,通过用户的选择页面展示不同的配置文件。1、下载vue-i18nnpm install vue-i18n2、配置国际化文件zh.js中的配置如原创 2020-10-16 14:30:43 · 1338 阅读 · 2 评论 -
什么是vuex?怎么使用?在那种场景下使用
什么是vuex?怎么使用?在那种场景下使用vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发中管理的一个模式。通过创建一个集中的数据存储,方便程序中的所有组件进行访问总结:Vuex就是状态管理工具,数据管路工具传统Vue使用场景思考:传统vue是单向数据流。如果是兄弟组件之间传值兄弟组件间的状态传递无能为力我们经常会采用父子组件通过正向/逆向传值来对数据进行传递。以上的这些模式非常脆弱,通常会导致无法维护的代码。vuex只能用于单个页面中不同组件(例如兄弟组件)的数据流通原创 2020-09-20 21:37:27 · 8266 阅读 · 1 评论 -
计算属性——computed
vuex的state与vue的data都是用户存放数据的地方,如果我们将vuex的数据直接赋值给data然后再页面使用数据,那么vuex的数据发生变化视图不会更新,那么这个时候就需要使用到计算属性computed。案例展示通过下图可以发现,如果直接将vuex的数据赋值给data中的变量,如果我们调用vuex的mutation中的修改操作,页面数据不会更新;如果我们将数据的变化交给computed来监听然后再页面使用,会发现数据更新视图也会更新。vuex部分代码截图...原创 2020-11-14 10:45:04 · 237 阅读 · 0 评论 -
vue富文本编辑器使用(简单粗暴复制即可用)
1、下载插件npm i wangeditor --save插件官网地址:https://www.wangeditor.com/2、封装富文本组件<template lang="html"> <div class="editor"> <!-- <div ref="toolbar" class="toolbar"></div> --> <div ref="editor" class="text"></div原创 2021-08-07 00:07:44 · 1530 阅读 · 7 评论 -
vue3.0学习笔记
完善中,后面会不间断更新。一、Vue 3.0六大亮点1、performance:性能比vue2.x快1.2-2倍。2、Treeshaking support:按需编译,体积比vue2.x更小。3、Composition API(类似react Hooks)。4.Better TypeScript support:更好的TS支持。5、Custom Renderer API:暴露了自定义API。6、Fragment,Teleport(Protal),Supense:更先进的组件。二、Vue3.原创 2021-02-15 15:44:16 · 1123 阅读 · 2 评论 -
vue组件中的data为什么是一个函数?
一个组件被复用多次的话,也就会创建多个实例。本质上,这些实例用的都是同一个构造函数。如果data是对象的话,对象属于引用类型,会影响到所有的实例。所以为了保证组件不同的实例之间data不冲突,data必须是一个函数,因为javascipt只有函数构成作用域,data是一个函数时,每个组件实例都有自己的作用域,每个实例相互独立,不会相互影响。...原创 2020-11-20 18:57:44 · 349 阅读 · 0 评论 -
vue—watch深度监听(deep:true)
1、监听数字如下图:第一个输入框绑定了data中的num,使用watch监听num的变化,可以发发现是可以正常监听的。2、监听对象通过上面案例可以发现,如果监听的是一个对象,那么我们这种写法是监听不到对象内部的变化的。3、深度监听1、watch加上deep:true之后就是深度监听2、handler中返回变化后端obj3、watch第一次加载不执行,数据有变化才会执行,如果需要页面加载完毕执行,那就加上immediate:true与deep同级...原创 2020-11-14 10:12:54 · 17390 阅读 · 0 评论 -
vue路由传参—params—query
1、Params的方式类似于get请求,传递的数据会在浏览器地址显示Params路由传参分为三步:1、绑定参数在你传参的路由绑定参数2、发送数据3、接收参数在路由页面用this.$route.params.listdata收传递过来的参数。二、query类似与post请求,传递的数据不会再浏览器地址显示。query传参分文两步:发送-接收(不需要再路由中配置)1、传递参数2、接收参数1、query和params是两种传参方式2、使用params传参只能由name引入路原创 2020-11-01 11:39:18 · 3110 阅读 · 1 评论 -
vue和react中get和post请求用法,及如何传递数据给后台。
get请求给后台传递数据1、在调用请求的地方直接以形参的方式传递。2、在封装请求的api文件下使用params将参数传递的后台3、后台用req.query.xx接收post请求给后台传递数据1、在页面调用请求的页面,使用params传递参数var params=new URLSearchParams()params.append(“text”,this.state.el.current.value)params.append(“xxx”,参数)2、在对应的请求封装中接收参数,用da原创 2020-09-22 20:12:40 · 3301 阅读 · 0 评论