1、vue项目中阻止鼠标滚轮事件 @mousewheel.prevent<div class=“main” @mousewheel.prevent>2、vue阻止右键默认行为

要让 TypeScript 正确推断 Vue 组件选项中的类型，您需要使用 Vue.component 或 Vue.extend 定义组件：

通过markdown写组件文档和示例代码，然后解析为页面和代码演示效果，参考element ui；element ui组件文档是使用markdown-it实现的；这里直接使用封装的第三方库vue-markdown-loader参考地址：[链接]解析markdown文档 [链接][链接][链接]按需加载打包[链接]

使用@vue/cli4脚手架，从零开始搭建typescript版的UI库1. 全局安装@vue/cli4官网地址：[链接] {代码...} 2.构建项目 {代码...} 3.简单配置vscode 保存自动格式化 {代码...} yarn serve时自动打开浏览器 {代码...} 4.目录结构设计packages: 组件源码website: 原src目录，改为组件文档官网，展示示例website/docs: 组件文...

{代码...}

全屏组件FullScreenContainer目录结构index.vue {代码...} autoResize.js {代码...} util/index.js {代码...}

{代码...}

在main.js中注册组件 {代码...} 在components文件夹下添加index.js，核心代码如下： {代码...} 在components文件夹下添加组件Wait在components文件夹下添加文件夹Wait，然后添加Wait.js {代码...} 使用组件使用时，<SFWait></SFWait>

在main.js中全局注册组件Debounce {代码...} 组件核心代码debounce.js {代码...} 组件使用使用<Debounce></Debounce>标签包裹按钮；

Vue项目npm包推荐 {代码...}

在VS Code中，配置适合Vue的开发环境；安装prettier插件, 并且在settings.json中,做出如下配置settings.json配置 {代码...} .prettierrc配置 {代码...} .eslintrc.js配置 {代码...}

在平时开发中，VS Code几乎成了主力开发工具，这里分享一下个人觉得比较好用的一些插件。VS Code常用插件1.Auto Close Tag自动闭合HTML/XML标签2.Auto Rename Tag自动重命名配对的HTML/XML标签3.Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色4.Color Highligh...