qq_34676998的博客

Vue全家桶（Vue-cli、Vue-route、vuex） 摘要 学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件） 1、Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。 官网：https://cli.vuejs.org/guide/ GitHub：https://github.com/vuejs/vue-cli 1.1、安装vue-cli 首

一、前言 1、本例环境 node.js：v12.16.1 npm：6.13.4 vue：@vue/cli 4.5.8 环境自己百度下载搭建 二、创建vue项目 注意：不要使用 Git Bash 执行项目创建操作，使用 cmd 或者 powershell 之类的工具。 如果你还没有安装 VueCLI，或者版本低于 4，请执行下面的命令安装或是升级： npm install --global @vue/cli 在命令行中输入以下命令创建 Vue 项目： vue create 【项目名】 Vue

参考链接： Element 组件之 右键鼠标 自定义菜单 Vue+ElementUI实现给Tab页添加鼠标右键菜单栏 Element tree组件之 自定义菜单 基于element tree组件。效果图如下： 1、 基于element组件 tree组件 2、 右键任何位置 基于鼠标位置跳转菜单 3、 类比于window鼠标右键一样的效果 4、 为什么基于elemet的右键菜单，因为，人家给封装好了 右键点击鼠标事件，以及点击鼠标右键事件时杀掉了系统的右击事件 链接地址：Element tree 基本思路：