Vue
文章平均质量分 54
以实战为线索,逐步深入vue开发各个环节,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
飞鱼日记
有5年以上前端开发经验,热爱编程,积极向上,热爱分享,记录学习和工作笔记,希望广交朋友共同学习~
展开
-
vue3+ts+vite2项目实战探坑干货
1.Vite创建vue3项目使用 NPM:npm init @vitejs/app使用 Yarn:yarn create @vitejs/app默认构建好的目录结构是不包含router和vuex的需要手动安装并创建对应目录,使用命令:npm i vue-router@next vuex@next -S注意:vue3.0只支持router和vuex必须是4.0及以上版本下面是我创建好的实战项目目录,仅供参考:2.配置别名aliasvite构建的vue默认是没有@别名的,所以需要我们手原创 2021-05-06 17:45:58 · 5185 阅读 · 1 评论 -
vue接口请求axios实例封装
const apiList = [ 'system/v2/markes', // 马上获取留学方案表单提交接口]let urlStr, apiName, API = {}apiList.forEach(path => { /** * apiName使用正则取到接口路径的最后一个子串,比如: markes即为接口调用方法名 * * 使用方法: * 组件引入:import { API } from '~/assets/api/api.js'; * 参数:data(原创 2021-04-01 15:42:34 · 284 阅读 · 0 评论 -
【vue进阶】优雅自动引入自动注册Vue组件
随着项目的不断变大,可能有些人会把插件的引入和全局组件的注册都放到main.js中,导致后面main.js里面一大坨引入代码,看起来杂乱无比,也不利于后期进行维护,所以我们尽可能的让main.js看起来整洁些。此处就用到webpack的require.context功能,实现Vue自动注册全局组件及插件,方便全局组件和插件的管理。在Vue项目开发中,经常需要import或者export各种模块,当一个页面中组件很多时,我们可能会这样引入组件:import A from 'components/A.v.原创 2021-03-17 18:48:10 · 2026 阅读 · 0 评论 -
vue中input用v-model双向数据绑定后,数据是怎么传输的
大家都知道Vue可以用v-model可以实现双数据绑定,但它能实现绑定的原理到底是什么呢?比如input用v-model双向数据绑定后,数据是怎么传输的?根据官方文档介绍,v-model本质上就是语法糖,即利用v-model绑定数据后,其实就是既绑定了数据,又添加了一个input监听事件handle自定义事件也可以用于创建支持v-model的自定义输入组件,如:<input type="text" v-model="value">等价于:<input type=.原创 2020-08-24 11:55:51 · 1397 阅读 · 0 评论 -
vue中html转pdf并下载功能
1、模板调用方式/** * @param pdfDom 要生成 pdf 的DOM元素(容器) * @param pdfName PDF文件生成后的文件名字 * */<div class="saveBtn transition" @click="downloadPDF('pdfDom',pdfName)">下载</div>2、js文件代码// 下面两个package要单独安装import html2Canvas from 'html2canvas原创 2020-08-14 14:10:58 · 560 阅读 · 0 评论