![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 62
讷言丶
不患人之不己知,患其不能
展开
-
vue3播放m3u8视频(videoJS)
以下时项目使用中自己封装的组件,用起来也很简单,需要的可以对照自取。需要同时导入videoJS以及相关的CSS。UI框架为 ant-design-vue。原创 2023-02-07 15:00:22 · 2105 阅读 · 6 评论 -
vue watch监听多个数据
vue watch同时监听多个数据以及单个数据的方式详解原创 2023-01-18 17:19:24 · 6105 阅读 · 4 评论 -
Vue3报错:VueCompilerError: Attribute name cannot contain U+0022 (“), U+0027 (‘), and U+003C (<).
Vue3报错:VueCompilerError: Attribute name cannot contain原创 2022-10-28 10:12:18 · 6641 阅读 · 1 评论 -
vue组件间通信传递数据的四种方式(路由传参、父子组件传参、兄弟组件传参、深层次传参)
1. props 和 emits传参 2. 路由传参(query、params) 3. 第三方库(pubsub-js)原创 2022-10-24 10:49:10 · 7570 阅读 · 0 评论 -
轻松解决【Vue】:Uncaught SyntaxError: Unexpected token ‘<‘
vue2的一个项目,使用了自己使用webpack构建的工具,没有使用vue自带的脚手架构建。在本地运行没有问题,在打包完毕后,进入主页以及其它页面都没问题,但是如果在子路由中进行刷新,会发现导入JS的路由被改了,在引入路由时会明显发现路由位置不正确,因此我们需要修改一下引入的路径,方法也是类似的,但是修改的文件就不再是vue.config.js了,而是自己构建的另一个文件。了,那我们怎么改呢,其实百度中也有很多方式可以参考,但是因为不是采用了vue脚手架直接构建的,所以问题还得靠自己来解决,这就很无奈。..原创 2022-08-02 16:34:08 · 1647 阅读 · 0 评论 -
Vue3使用Echarts图表
Vue3使用Echarts图表前言: Vue3使用Echarts图表基本可以按照Echarts官网的描述来使用,这里是按照自己的方式做了一些简化和常规性的叙述,主要分为以下几步来完成:第一步: 安装npm install echarts --save第二步: 使用这里目前使用的是全局引用,没有去做按需导入,另外,引用的时候只需要在需要图表的组件中引用即可。下面是示例的代码,里面加了注释说明。<template> <h1>Echarts图表</h1> &原创 2021-11-09 09:04:24 · 7454 阅读 · 4 评论 -
Vue3中使用Sass详解
相对于vue3使用less,在使用sass时会相较于麻烦一点,但也只是加一些配置就基本可以了vue3使用less需要安装的包以上两个安装完毕,就可以在组件中style标签加上lang使用less,具体参考如下接下来我们继续看看vue3如何使用sass,主要看第二步,在中需要添加的代码,安装包都是一样的操作,但是需要注意安装版本。......原创 2021-11-01 10:29:22 · 12792 阅读 · 0 评论 -
面试官:说说Vue响应式原理
Vue2和Vue3的响应式原理前言:vue2的响应式原理主要使用的是Object.defineProperty( ),里面需要传入三个参数,分别是:【响应源数据的对象,源数据中的需要读写的属性,相对应的对象方法(包含了get和set方法)】vue3的响应式原理主要依靠的是ES6新增的Proxy方法,需要在Proxy的实例对象中传入两个参数【源数据对象,处理对象的方法【get,set,deleteProperty…等】从自己个人来说vue3感觉比vue2更简单了,很多方法封装的更方便使用可以直接在原创 2021-09-16 12:20:54 · 5652 阅读 · 1 评论 -
初识vue状态管理机制(vuex、pinia)
Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。不同于vuex状态管理机制,pinia的写法能更好的兼容typescript,并且直接在组件中使用,写法上更趋近于vue3的写法。原创 2021-09-15 17:54:44 · 343 阅读 · 0 评论 -
网页路由的两种工作模式
url的工作模式通常包括两种:hsah、history首先是对前端开发人员比较友好的hash,hash模式不会发送#号后的内容给服务器可以防止服务器 ‘不认识’客户端传回来的值下面红框内的内容不会发送到服务器1、对于一个url来说,什么是hash值? ——#号及其后面的内容就是hash值2、hash值不会包含在HTTP请求中,即:哈市值不会带给服务器。3、hash模式:1、地址中永远带着#号,不美观2、若以后将地址通过第三方手机app分享,若app校验严格,地址会被标记为不合法3、兼容原创 2021-08-20 09:17:25 · 445 阅读 · 0 评论 -
Vue的基本指令和Vue过滤器
Vue的基本指令使用在Vue中,基本上的指令在调用的时候,都是以 【 v- 】 开头的v-text更新DOM元素的内容,比之插值表达式用法不同的一点是,v-text中的是直接更新到元素中去的,相当于直接写入,如果原来的元素中有内容,那原来元素中的内容会被覆盖<span v-text="msg"></span><!-- 和下面的一样 --><span>{{msg}}</span><!-- 和下面的就不一样 -->&l原创 2021-07-17 20:52:20 · 258 阅读 · 0 评论 -
axios和async / await的基本用法
主要使用本地自建的cookie工具或者vue提供的vue-cookie以及element-ui框架和nprogress进度条模块,大家可以对照自己代码直接复制使用。为了我们的代码健壮性,因此本质上只要有.then()就得跟一个.catch(),至于finally()则看情况添加。这个时候我们可以直接使用 新增的语法糖 async 和await ,使用起来更加的舒服方便,代码看起来也更简洁。当然实际的开发项目中,如果我们使用了统一的请求模块,用 .then()取到正确的数据,.catch()捕获错误,原创 2021-07-20 16:50:57 · 14347 阅读 · 1 评论 -
webpack中的加载器和其基本使用
webpack 中的加载器通过 loader 打包非 js 模块在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块,其他非 .js 后缀名结尾的模块,webpack 默认处理不了,需要调用 loader 加载器才可以正常打包,否则会报错!loader 加载器可以协助 webpack 打包处理特定的文件模块,比如: less-loader 可以打包处理 .less 相关的文件 sass-loader 可以打包处理 .scss 相关的文件 url-loader原创 2021-07-20 09:29:12 · 133 阅读 · 0 评论