飞鱼日记的博客

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默认是没有@别名的，所以需要我们手

const apiList = [ 'system/v2/markes', // 马上获取留学方案表单提交接口]let urlStr, apiName, API = {}apiList.forEach(path => { /** * apiName使用正则取到接口路径的最后一个子串，比如: markes即为接口调用方法名 * * 使用方法： * 组件引入：import { API } from '~/assets/api/api.js'; * 参数：data（

随着项目的不断变大，可能有些人会把插件的引入和全局组件的注册都放到main.js中，导致后面main.js里面一大坨引入代码，看起来杂乱无比，也不利于后期进行维护，所以我们尽可能的让main.js看起来整洁些。此处就用到webpack的require.context功能，实现Vue自动注册全局组件及插件，方便全局组件和插件的管理。在Vue项目开发中，经常需要import或者export各种模块，当一个页面中组件很多时，我们可能会这样引入组件：import A from 'components/A.v.

大家都知道Vue可以用v-model可以实现双数据绑定，但它能实现绑定的原理到底是什么呢？比如input用v-model双向数据绑定后，数据是怎么传输的？根据官方文档介绍，v-model本质上就是语法糖，即利用v-model绑定数据后，其实就是既绑定了数据，又添加了一个input监听事件handle自定义事件也可以用于创建支持v-model的自定义输入组件，如：<input type="text" v-model="value">等价于：<input type=.

1、模板调用方式/** * @param pdfDom 要生成 pdf 的DOM元素（容器） * @param pdfName PDF文件生成后的文件名字 * */<div class="saveBtn transition" @click="downloadPDF('pdfDom',pdfName)">下载</div>2、js文件代码// 下面两个package要单独安装import html2Canvas from 'html2canvas