vue
关注
分享
扫一扫
文章平均质量分 60
南工gjl
南阳理工在校生，热爱学习，编程，听音乐。
喜欢开发项目，享受解决bug的过程.
展开
-
vue+webrtc(腾讯云) 实现直播功能 pc端+移动端
实现直播功能1.直播效果2.开直播步骤2.1引入腾讯web端(快直播)脚本2.2在需要使用直播的界面 添加一个视频容器(开启直播后，显示视频的位置)2.3创建直播对象，开启直播2.4关闭直播如果对你有帮助点个赞吧1.直播效果1.pc端2.移动端2.开直播步骤2.1引入腾讯web端(快直播)脚本脚本必须引入在 index.heml的body中 <body style="padding:0;margin:0"> //腾讯快直播脚本 <script src="h原创 2021-11-03 00:14:00 · 6286 阅读 · 13 评论 -
vue3 使用 element-plus最新版 引用，element-plus中文引用
1.安装element-plus （3种方式 ）npm install element-plus --save (推荐)yarn add element-pluspnpm install element-plus2. 在main.js种引用import 'element-plus/theme-chalk/index.css' //默认css样式 英文import Element from 'element-plus' //引入插件im原创 2021-10-24 00:00:34 · 5294 阅读 · 0 评论 -
vue使用element-plus中文版
vue使用element-plus中文版推荐一：直接在vue中引入element-plus中文版二：根据渲染需求，修改element-plus源码 (以el-pagenation为例)##推荐一：直接在vue中引入element-plus中文版根据官网资料查询按照官网引入在main.js中直接引入import locale from 'element-plus/lib/locale/lang/zh-cn' //引入中文版 import '原创 2021-08-23 18:08:21 · 1756 阅读 · 0 评论 -
vue使用wangEditor(富文本编辑器)时，异步获取数据，后端返回数据无法显示问题（已解决）
关于异步获取数据，富文本编辑器无法显示1.解决方案：一定要在使用到wangEditor的组件中进行网络请求。原因，mounted()生命周期中，虽然可以操作data中的变量，但是不可以进行赋值操作解决办法，将wangEditor的实例创建在网络请求到后台数据的函数中。代码如下：(我进行了网络请求request的封装，需要的话自取)request文件,使用时记得导入1.解决方案：一定要在使用到wangEditor的组件中进行网络请求。大多数wangEditor创建实例是在mounted()中,而异步获取后原创 2021-07-22 14:52:17 · 4708 阅读 · 2 评论 -
vue源码深入解读MVVM(视图模板引擎),你真的了解双向绑定(v-model),数据劫持(observe),发布订阅模式吗？带你手鲁mvvm引擎。源码奉上(详细注释)！
文章目录#1.vue的强大之处不必细说，vue的核心v-model的实现原理，网上都有很多。但是真正自己实现双向绑定，mvvm的源码却几乎没见过。#1.2本人根据源码的解读，理解，以及借鉴网上的视频教程，手写一份mvvm,希望能帮助更多的vue学习者。#2.先看成果#3.实现原理#3.1.数据劫持(observe)+模板编译(compile)+数据监听(watch)+发布订阅(Dep)#4.源码#4.1mvvm(架构)#4.2模板编译(conpile)#4.3数据劫持(observe)+发布订阅(dep)#原创 2021-05-14 10:30:04 · 791 阅读 · 11 评论 -
vue原理剖析。组件中，为什么data要写成对象的形式？而vue实例中不需要
#1.结论:当组件需要复用的时候，data必须写成对象的形式，并且返回。vue实例之所以不需要，是因为vue实例不需要复用。当组件需要复用时，写成data对象的形式并且返回，才会使各个被复用的组件中的数据不发生干扰。##1.证明过程如下vuecli与vue实例对比通过对比我们发现，vuecli中使用data返回的对象，而vue实例则是创建了一个对象、##2.代码对比验证:###2.1当组件中的data数据需要复用时<div id="app"> &原创 2021-05-12 16:01:38 · 1256 阅读 · 2 评论 -
vue3.源码解读，component自定义组件(extend+vue实现类型判断)。了解底层自定义组件原理
文章目录#1.前端测试代码#2.代码调试，源码解读(详细注释)#.3.实现原理#4.源码解读不易，如果对你有帮助，请点个赞吧。有疑问欢迎在评论区留言#1.前端测试代码<div id="app"> <!-- 显示全局组件 --> <root></root></div> <!-- 将全局组件抽离 --><template id="test"> <div>原创 2021-05-11 11:36:50 · 666 阅读 · 2 评论 -
Vue2.和Vue3.生命周期的区别，对比。 详解生命周期中的每个钩子函数，setup,
文章目录#1.Vue2.的生命周期与Vue3.的生命周期对比图#1.1白色背景图是Vue2.的生命周期，黑色背景图是Vue3.的生命周期.#2.Vue2.与Vue3.的生命周期函数的不同#2.1Vue2.与Vue3.中创建实例#2.2Vue3.中的setup()在哪一个阶段执行?#3. Vue3.中，生命周期函数的各个函数的执行解析。每个阶段都做了什么！#3.1beforecreate()#3.2created()#3.3beforeMount()#3.4mounted()#3.5beforeUpdata(原创 2021-05-06 20:10:39 · 4321 阅读 · 5 评论 -
vue保存后端发来的token+vue向后端发送网络请求携带token
文章目录#1.vue+axios保存后端发来的token#1.1根据接口文档来保存#1.2使用localstroage或者cookie或者sessionStroage保存token#2.vue+axios取出保存的token,向后端发送请求#2.1使用cookie携带token(获取到之后，再进行传值即可)#3.如果这篇文章对你有帮助，请点个赞吧？有疑问或者我有写的不对的地方欢迎交流，指正。#1.vue+axios保存后端发来的token#1.1根据接口文档来保存这是接口文档中后端返回的token数据原创 2021-05-05 22:05:31 · 3405 阅读 · 3 评论 -
vue中动态绑定图片，无法显示问题。 require，以及使用require的原因.vue引用磁盘(本机，桌面图片)，绝对路径
文章目录#1.在使用vue加载普通静态图片时，可以直接使用相对路径#2.在使用vue动态加载图片时，必须使用require，#3..vue引用磁盘(本机，桌面图片)，绝对路径解决办法：将你需要的图片，添加到项目文件夹的static文件下，使用局部引入的方式进行引用。即可#1.在使用vue加载普通静态图片时，可以直接使用相对路径例如：<img src="../../static/logo.png" alt="" style="width:200px; height:100px">显示效果如下原创 2021-05-02 13:13:59 · 3760 阅读 · 0 评论 -
vue中的computed使用es6中箭头函数，找不到定义的变量问题
#1.首先本人不建议在computed中使用es6箭头函数。建议直接改为es5匿名函数写法#2.原因:箭头函数的this指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this.首先从它的父级作用域中找，如果父级作用域还是箭头函数，再往上层找，如此直至找到this的指向在computed中使用this，由于箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向Vue...原创 2021-04-26 21:05:59 · 879 阅读 · 0 评论