Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API，能够让开发者在开发web应用的时候更加简易便捷。实际上，一直让Vue引以为豪的是它的便捷性、执行力、灵活性。 目前在学习
我发现好多倒计时的插件，刷新都会变成从头再来，于是自己用vue2.0写了一个，感觉还不错，特此分享到脚本之家平台供大家参考下
这篇文章主要介绍了Vuejs仿网易云音乐实现听歌及搜索功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
这篇文章主要介绍了vue分类筛选filter方法的简单实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK ),非常不错，具有参考借鉴价值，需要的朋友可以参考下
这篇文章主要介绍了Vue.js实战之组件之间的数据传递的相关资料，文中通过示例代码和图文介绍的非常详细，对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
本篇文章主要对vue-cli的webpack模板项目配置文件进行分析。具有很好的参考价值。下面跟着小编一起来看下吧
对于单页应用，官方提供了vue-router进行路由跳转的处理，这篇文章主要给大家介绍了Vue.js实战之利用vue-router实现跳转页面的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
这篇文章主要为大家详细介绍了vue货币过滤器的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要为大家分享了vue2.0构建单页应用最佳实战案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要给大家介绍了Vue.js实战之Vuex的入门教程，文中介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
这篇文章主要为大家详细介绍了vue-cli+webpack创建记事本项目，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了Vue表单验证插件的制作过程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。这篇文章主要介绍了Vue.js实战之组件进阶的相关资料，需要的朋友
这篇文章主要给大家介绍了关于Vue.js使用Vuex与axios发送请求的相关资料，文中介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
监听事件是我们在使用vue.js的时候经常使用的一个功能，下面这篇文章主要介绍了Vue.js实战之通过监听滚动事件实现动态锚点 的相关资料，文中通过示例代码介绍的非常详细，相信对大
这篇文章主要为大家详细介绍了Vue.js render方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解基于webpack和vue.js搭建开发环境 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vuex是vue的状态管理模式，主要可以解决父子组件嵌套层数较多，或者兄弟组件之间需要维护同一个状态的情况。下面这篇文章主要给大家介绍了关于学习vuex的相关资料，需要的朋友可以
本篇文章主要介绍了详解用webpack2.0构建vue2.0超详细精简版，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了利用vscode编写vue简单配置的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。
这篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解windows下vue-cli及webpack 构建网站(三)使用组件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解Vue组件之间的数据通信实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#Object' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
本篇文章主要介绍了vue之数据交互实例代码，vue中也存在像ajax和jsonp的数据交互，实现向服务器获取数据，有兴趣的可以了解一下
vue高德地图，带你玩转周边，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了requirejs + vue 项目搭建详解,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了详解vue+vueRouter+webpack的简单实例，非常具有实用价值，需要的朋友可以参考下
这篇文章主要介绍了vue-router路由参数刷新消失的问题
本篇文章主要介绍了详解vue服务端渲染(SSR)初探，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了vue中如何实现变量和字符串拼接，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了详解vue2.0 transition 多个元素嵌套使用过渡，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要为大家详细介绍了vue-router单页面路由的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了详解webpack+vue-cli项目打包技巧 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了vue过渡和animate.css结合使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解，本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理
本篇文章主要介绍了详解vue跨组件通信的几种方法 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了Vue路由跳转问题记录详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本篇文章主要介绍了vue中将网页打印成pdf实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要为大家详细介绍了vue实现全选、反选功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了vue.js实现数据动态响应，Vue.set的简单应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本篇文章主要介绍了自定义vue全局组件use使用、vuex的使用详解，本文主要来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理
vue.js 2.0参考手册chm格式下载。Vue.js是一套构建用户界面的渐进式框架。与其他javascript框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还
js的事件，如点击事件，可以直接用this获取事件对象，而jQuery可以使用$(this)来获取事件对象。vue必须借助事件的 event 对象 的 currentTarget 才能获取事件对象： !DOCTYPE htmlhtml lang="zh-CN" h
简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低 1.共同点 都是动态显示隐藏DOM元素 2.区别 （1）手段： v-if是动态的向DOM树内添加或者删除DOM元素； v-show是
在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如 div class="#app" p{{value.name}}/p/div 在加载的时候会看到 {{value.name}} 在页面出现，过了几秒之后才会渲染数据，在vue中有个指令可
在使用input复选框配合v-model时，遇到了一些疑惑，即当复选框对应的v-model是一个数组和一个字符串时，得到的类型不一样，下面是从网上找的，这里记录下： 下面是最常见的例子： d
有同学在看 Vue 官方文档时，对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。 其实如果看一下 深入响应式原理 - vue.js中的有关内容，可能会有所理解，不过有些同学可能看到这
首先，要渲染的代码如下： {{options.fileList[0].fullPath}} 这是一个标准的三级对象，能够渲染成功，如下： 但是控制台依然报错： 如果有跟我遇到同样问题的朋友一定跟我一样，心里一万
本文详细举例了Vue.js中ref ($refs)用法，转载自cnblog的慕容小凡，原文地址：http://www.jianshu.com/p/3bd8a2b07d57 一、ref使用在外面的组件上 HTML 部分
VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题 页面展示： 实现效果：点击实现列表内容的展开、折叠。 div class="invoice-list" v-for="(item,index) in invoice
今天我爱模板网要用VUE做一个多选的效果，即对所有选项，可以选择也可以取消，可以多选也可以一个不选，效果图如下： 所有选项的值如下： list:[ {id:1,title:'JSK'}, {id:2,title:'OP'}, {id:
1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例
1、v-if与v-for一起使用 当v-if与v-for一起使用时，v-for具有比v-if更高的优先级，这意味着v-if将分别重复运行于每个v-for循环中。所以，不推荐v-if和v-for同时使用 使用推荐方式： ul li v-for=
v-if和v-else或v-else-if之间不能添加其他元素。
我爱模板网在做app时，客户要求比较严格，注册的时候，手机号只能输入数字。input的type为tel还是能够输入数字，百度了下，发现下面的方法可以：
vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。 v
都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vu
一：摘要：使用vue开发单页面应用，如何解决页面缓存问题（尤其在手机端），如何才能做到 新打开的页面 获取最新数据，返回上一个页面获取最新的缓存页面数据？ 二：页面打开和
问题 相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？ 答案 因为
我们先来看一个简单的事例 首先我使用官方脚手架新建一个项目vue init webpack vue-demo 然后我创建两个文件index.js plugins.js. 我将这两个文件放置在src/classes/vue-use目录下 接下来对这两个文件
图表类的项目操作一般常见于管理平台系统，移动端项目中并不是特别常见，不常见不代表没有，在一些商城类应用中，商家需要看到商品的销量分析，盈利分析等，就需要用到图标，
准备：使用vue-cli脚手架 npm下载vue-cli脚手架 npm install -g @vue/cli 初始化一个项目 vue init webpack hello 然后等待它安装完所有的依赖包就可以了。 下面我们开始引入echarts。 方式一、直接引入
这个示例使用 vue-cli 脚手架搭建，所以直接来： 安装echarts依赖 npm install echarts -S 或者使用国内的淘宝镜像： 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 使用CNPM安装echarts
问题描述 在使用electron-vue时候，运行npn run dev,会出现下面的错误 解决 没有搜索到合适的答案，在GitHub的 electron-vue issue 中找到了 方案一 简单粗暴，不知道会不会有什么影响，直接将这
sublime在默认时，Vue.js 的单文件组件（*.vue）是不被识别的。若要想高亮显示，就需要安装插件 Vue Syntax Hightlight。安装步骤如下： 第一，在 sublime 中打开 Package Control 如下图,使用快捷键
用router-link生成的a链接，都会产生router-link-exact-active的高亮类名，如何让自己定义的高亮类名起作用，或者如何禁止vue-router不产生这个类名，可以看下面： A:全局设置 export default new V
vue-cli3+axios调用接口，出现了跨域问题，百度找了很多都是说修改config文件夹下的index.js文件，在proxyTable中加上某某代码，但是vue-cli3根本没有config代码，必须手动创建，所以，首先在根
页面刷新后，想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。 vuex优势：相比sessionStorage，存储数据更安全，ses
Vue 2.x相比较Vue 1.x而言，升级变化除了实现了Virtual-Dom以外，给使用者最大不适就是移除的组件的props的双向绑定功能。 以往在Vue1.x中利用props的twoWay和.sync绑定修饰符就可以实现props的双
当组件间传递对象时，由于此对象的引用类型指向的都是一个地址（除了基本类型跟null,对象之间的赋值，只是将地址指向同一个，而不是真正意义上的拷贝），所以会导致下面的问题：
我爱模板网要实现下面的效果： 即从后台获取数据，然后根据返回的时间，如“2019-12-17 23:59:59”，做成倒计时效果。 第一步、布局
Vue2-Editor是一款基于vue的非常好用，界面简洁的富文本编辑器插件。
原生js和Vue实现input file选择图片时，预览选择的图片的方法，用到了 createObjectURL 方法和 readAsDataURL 方法，前者是blob url，内存中的图片地址，后者是base64格式： html的createObjectURL方法：
前言 后台管理系统，需要这个功能点的特别多，但Element UI 的table组件本身是不提供的，所以需要自行拓展一下。 在这里，给大家写一个简单的示例，希望对小伙伴们有所帮助。 先看看
PDFObject是一款非常优秀的PDF在线预览js插件，在之前我爱模板网已经介绍过：pdfobject.js——一款在线预览PDF的js库http://www.5imoban.net/texiao/other/202005143842.html。今天讲解它在vue中的使用方法
现在每个页面的左上角有一个返回按钮。点击时的代码是 this.$router.back(-1) ，返回上一个路由。但是我们现在有这样一个需求，把其中某一页分享出去，用户打开时并没有上一条路由的历
js-xlsx是一款非常好的读写excel、xlm、csv等文件的js前端库，这里是它的vue版本读取excel数据的使用方法： 安装： npm install xlsx --save 引入： import XLSX from 'xlsx' 布局，使用elementUI上传组件：
v-viewer是一款基于vue的点击图片放大预览插件，支持左右切换上一张下一张图片，支持缩放图片、按住拖拽图片、预览图效果，斜切、旋转图片等功能，界面美观，还支持手机端，是一款
关于vue子组件调用父组件的三种方法： 第一种方法 直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 template div child/child /div/templatescript import child from './components/dam/child'; e
Vue处理边界之$root、parent、$refs（下面的功能都是有风险的，尽量避免使用） Vue 子组件可以通过 $root 属性访问父组件实例的属性和方法 div id="app" root-obj/root-obj/divVue.component('root-obj', {
vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过，穿透scoped。 有些Sass 之类的预处理器无法正确解析。
受现代 JavaScript 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它
之前，我爱模板网写了一个 js+dom的日历教程 。最近在做一个基于element ui的项目，需要用到日历，但是需要深度定制。比如显示工作计划等。element-ui自带的日历放在node modules里面，不好
我爱模板网在之前发过过关于 车牌号键盘的js插件 ，但这个是基于jQuery和layer-mobile的，如果用在vue项目中，感觉不太划算，毕竟要引入这么多，还要使用jQuery库。还好，在《简书》找到
什么是图片懒加载 当我们向下滚动的时候图片资源才被请求到，这也就是我们本次要实现的效果，进入页面的时候，只请求可视区域的图片资源这也就是懒加载。 比如我们加载一个页
vue页面在刷新之后，router传参用this.$route.query无法获取参数，刷新之前是可以获取的。 先看下传参代码： this.$router.push({ name: 'admin/', query:{ accountInfo:data.data, }}) 获取参数,初次载入 conso
vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对所以子组件都生效，可以使用 /deep/ 深度选择器。
vue滚动条美化插件vueScroll不仅仅可以美化滚动条，还支持上拉刷新下拉加载、支持平滑滚动、支持截断配置,每次滚动固定的距离、支持自动检测内容是否发生变化、支持分页等等，非常
由于之前的公司的项目中的工作流管理要用到流程图，而bpmn-js官方的文档是全英的而且使用的js框架是jQuery，可能是比较新的技术，官方也还在不断的更新，相关的文档或者资料很少很
2.新建空的图，功能要求： ① 空的，能自己画； ② 以SVG image格式、BPMN diagram格式下载在本地； 参考链接：(其实就是理解它的思路，把jQuery转化成vue) https://github.com/bpmn-io/bpmn-js-example
3.关于节点的配置，功能要求： ①在服务器取到图并显示出来 ②不能编辑和改动图 ③可以获取到具体某个节点的信息 参考链接：https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-commonj
给节点和线上色，其实就是找到这个节点的id，然后改变它的样式。 这里是写死的某几个节点和线，真正应该通过与后台交互获取到已经走过的流程然后上色。 div class="containers" ref="co
vue获取所有路由的方法this.$router.options.routes只能获取addRoutes动态路由添加前的路由，即静态路由，如果想获取所有的路由，不管是静态还是动态，可以在router目录的index里面单独导出所有
在VUE中，使用下面的方法，可以任何方法中调用这个方法销毁想要销毁的方法，而不用刻意去生命周期函数destroyed中销毁
vue中$refs, $emit, $on, $once, $off的使用详解，eventBus事件总线的用法。其实$refs和另外几个有本质的区别，其他几个都与数据传递或事件有关，而$refs则是选择节点。但这里也放到一起了。本
![vue老是提示：[vue/no-parsing-error] Parsing error: x-invalid-end-](/uploads/allimg/201031/1-2010311633090-L.png "vue老是提示：[vue/no-parsing-error] Parsing error: x-invalid-end-")
vue老是提示[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue，但是标签都能匹配上啊，如下图： 去掉这个烦人的提示有两个方法： 方法一、File-Preferences-Settings，搜索“vetur.val
vue-cli打包提示： TypeError: Cannot read property 'upgrade' of undefined 的错误，截图如下： 原因是在vue.config.js中配置的process.env.target对应在.env中删了，如下： [process.env.VUE_APP_PROXY_PREFIX_DICPRO]: {
我爱模板网在做一个政府项目时，遇到一个需求，就是系统首页的图片放在本地的assets目录里，但是具体显示哪个图片需要后台接口获取，一开始没有写成动态，直接用下面的代码没问
vue的实例属性$options是用来获取定义在data外的数据和方法的。
我爱模板网 做一个项目，A用户发了消息给B用户，B用户要能实时收到，明显的，需要用到 WebSocket 。下面是我爱模板网用在vue项目中的 WebSocket 代码： template div button @click="send"发消息
网上关于vue使用Web Worker http://www.5imoban.net/jiaocheng/CSS3_HTML5/2019/0618/3579.html，有相关的库，但是我爱模板网做的这个项目，并不需要处理多少Web Worker，于是直接用原生的来撸了。 1、在根目
虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于state的值发生改变的时候及时响应给子组件.如果你用data去接收$store.state,当然可以接
本文转载自CSDN 闲人王昱珩 的文章，感谢大佬！ Vuex提供了state这样的状态统一管理树,你可以在vue中用computed计算属性接收这些公共状态,以便使用,当然你也可以在接收原值的基础上对这
本文转载自CSDN 闲人王昱珩 的文章，感谢大佬！ 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。 关于vuex为什么这样做,先不要管,但请相信他这么做必然有很多的好处.在vue中,我们要
本文转载自CSDN 闲人王昱珩 的文章，感谢大佬！ Action 类似于 mutation，不同在于： 1.Action 提交的是 mutation，而不是直接变更状态。 2.Action 可以包含任意异步操作。 官方给的定义我没什么
我爱模板网在改很久之前的vue-cli项目，运行打包命令run build:prod，发现提示下面的错误 'vue-cli-service'不是内部或外部命令，也不是可运行的程序或批处理文件 运行预览命令也不行，也是
以下不讨论加入TypeScript 和 JSX/TSX 一、使用 require.context 实现前端工程自动化 require.context是一个 Webpack 提供的Api，通过执行require.context函数获取一个特定的上下文，主要是用于实现自动化
一、默认进行懒观察（lazy observation） 在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「
首先，在安装VUE3之前，请先卸载已经安装的VUE2，即卸载vue-cli： npm uninstall -g @vue/cli 一、通过Vue-cli创建我们的项目 1、全局安装Vue-cli： yarn global add @vue/cli# ORnpm install -g @vue/cli# ORcnpm in
Vue中，在props中设置Object和Array的默认值 seller: { type: Object, default() { return {} }}sellerArr: { type: Array, default: []} 当父组件没有传这个值或者值是空时，输出的话，返回： 下面这种是错误的
Vue从2升级到了3，有了质的变化，Vue Cli也和老版本不一样了，需要按照下面的步骤进行使用： 1.全局安装一个桥接工具 npm install -g @vue/cli-init 2.创建Vue CLI 2 项目 vue init webpack my-project 注：
vue3子组件调用父组件方法，除了this.$parent之外，还有$emit，这个和Vue2一样，但是，vue3多了个emits对调用之前进行参数判断，用法如下： 接收消息方（父组件） template v-login @submit='doLog
Vue3.x以后从实例中移除了 $on ， $off 和 $once 方法，$emit 仍然是现有 API 的一部分，只能实现子组件触发父组件的方法。 mitt插件地址： https://github.com/developit/mitt 使用mitt之前先安装mitt模块
1、单个v-mode数据绑定 默认情况下，组件上的v-model使用modelValue作为prop和update:modelValue作为子组件更新父组件值的事件。我们可以通过向v-model传递参数来修改这些名称： 父组件： templa
Vue 实现了一套内容分发的 API，将 slot 元素作为承载分发内容的出口，在调用组件时，可以在组件的标签中间插入文字、html内容或变量。 下面为案例： 1、自定义一个按钮组件 templateb
在 Vue3自定义组件slots 中，介绍了如何使用slot为自定义组件插入内容，这里介绍如何设置slot的默认值： 下面为案例： 1、在自定义组件的slot中间，加入默认的内容，可以是变量、文字和
关于vue引入全局变量和全局函数 一、全局变量 首先单独定义一个js文件，我一般放在asset文件中，注意结尾要用export写法 在入口文件main.js（如果是多页面，就是用到该全局变量的入口文
vue3全局引入和vue2不太一样，点击查看： vue2全局引入方法 。vue3全局引入方法步骤如下： 1、新建js，导出您的方法： var func = { msg(){ alert(111) }}export default func; 2、在main.js全局引入 impor
本案例利用VUE3的teleport实现了简单的模态框代码，将模态框生成的代码放在了VUE模块的外面，body的里面，这样z-index更加容易控制。并利用双向绑定实现了点击子组件灰色遮罩，隐藏自己
vue3抛弃了vue.use等方法，当使用下面的方法时： import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter) 会提示错误： Property 'use' does not exist on type 'typeof import
转载自csdn的歪歪100博主的文章：vue点击事件修饰符@click.native、@click.stop、@click.self的总结，写的非常不错！ 参考一： vue @click.native 原生点击事件： 1，给vue组件绑定事件时候，必须加上
最近有一个项目，数据看板，里面都是饼形，折线图，条形图，还有一个没研究过的地图，因为都是用echarts实现的，就研究下如何用echarts实现 先看看实现的效果图 下面是实现方法：
在使用VUE Echarts的3d地图时，遇到了下面两个报错，原因是要么没引入，要么没安装： 第一个报错： Component series.map3D not exists. Load it first 这个问题是由于没有安装echarts-gl，安装一下，再
我爱模板网 在使用vue echarts实现map地图时，报了下面的错误： Uncaught (in promise) Error: Component series.map not exists. Load it first 错误已经描述的非常清楚了，没有map模块，这是因为在vue.js中使
最近使用vue-baidu-map，自定义底图时，老是出现加载失败的情况。一开始以为是网络问题，但是连接了百兆宽带的网线还是不行。然后以为是百度地图本身的问题，去官网提了工单也石沉
我爱模板网在开发vue项目时，需要用到上拉加载，如果为了这个特地引个组件有点麻烦，根据滚动条判断下滚动距离，就能轻松实现滚动加载更多了。下面是简单的实现方法： 1、css代码
highlight.js是一款非常不错的高亮插件，我爱模板网之前写过“ dedecms kindeditor编辑器UTF8和SyntaxHighlighter代码高亮 ”的文章，这次，是要将highlight.js用在vue中。网上有很多这方面的介绍，但
我爱模板网在使用ElementUI进行项目布局时，侧边栏的内容比较多，需要使用自定义的图标，element UI提供的图标已经不能满足需求。正好项目集成了SvgIcon，只要将svg图标放到 src/icons/svg
form-create-designer 是一款基于 @form-create/element-ui 实现的自定义表单设计器组件，可以通过拖拽的方式快速创建表单，自定义表单的高效实现方法，效果如下： form-create-designer核心功能：
form-create-designer 很完美，但是后台需要表单生成后的JSON和配置的JSON数据，form-create-designer本身提供的API，结合vue-codemirror 和 jsonlint-mod就能实现预览、导入导出了，效果如下： 使用方法
JS获取DOM节点的宽高和vue获取其实是一样的，不同点是获取元素的方法不同
我爱模板网在做一个对接工商银行支付的项目时，工行要求回调地址不能有#号。如下： 将： http://api.5imoban.net:9095/#/online-pay/list 改为： http://api.5imoban.net:9095/online-pay/list 这个项目是基于
我爱模板网在做职工服务网的H5时，使用的时vue的技术栈。其中有一个跳转出现了Loading chunk 12 failed的错误，如下： 在众多跳转中，只有这个出了问题，非常简单，代码如下： 一番百度
Electron作为进军js进军桌面应用程序的桥梁，最近非常火。而这两年，单页面应用框架Vue也是火的一塌糊涂。这二者结合的产物：Electron-vue，也是前端必用的框架。这里，就整理下Electr
1、注册bmap，获取token，在public index html中引入js<scriptsrc="http: api map baidu com api?v=2 0&ak=你的ak值">< script>2、安装ech
序在 Vue 的文档中介绍数据绑定和响应时，特意标注了对于经过 Object freeze() 方法的对象无法进行更新响应。因此，特意去查了 Object
hash路由就是带 的路由，history就是不带 的路由，hash路由打包后不需要配置，直接就能访问，history需要在nginx中配置才能正确访问。vue3
本文作者：昵称不用太拉风，转载自简书。。著作权归作者所有。Vite 和 Vue3 在 2022 年应该不算个新事物了，但应该也有很多像我一样还
使用 vite 安装 vue3 时，如果使用了 process env，会遇到 process 未定义的情况，原因是 process env 已经被移除了。解决办法是
vue自定义组件和input等原生组件一样，能够实现v-model双向绑定。本文为CSDN博主「卖菜的小白」的原创文章，原文链接：https: blog csdn n
keep-alive包裹动态组件的时候，会缓存不活动的组件实例，而不是摧毁他们。其是一个抽象的组件，自身不会渲染一个DOM元素，也不会出现在父组件链中。说白了被keep-alive包裹的组件其会被缓存。
vue中需要对下面的数组通过name字段进行筛选，不涉及接口，纯前端筛选
vue-cli脚手架新建项目提示：vue-cli · Failed to download repo vuejs-templates webapck: Response code 404 (Not Found)
vue打包报错：ERROR in node_modules element-ui lib theme-chalk fonts element-icons ttf Module parse failed: Unexpected character (1:0)
Element-plus是Element-ui基于Vue3的升级版，全面支持vue3和ts。在Vue3的项目中如何使用Element-plus的Icon图标，包括按钮和动态菜单？
开发环境好区分，process env NODE_ENV= development 就是开发环境，否则，就是生产环境。生产环境如果想区分是测试还是正式，就需要使用下面的方法
基于vue的wangEditor4利用自定义菜单实现上传功能
我爱模板网用vue开发项目时，有个页面有140万条数据，每页显示2000条数据，一开始用element-plus的el-table，表格滚动时卡顿严重，然后用vxe-table的虚拟渲染解决了这个问题。
安装完vue-loader后，会自动安装 VueLoaderPlugin 插件，在webpack config js配置时，需要用到
HMR全称 Hot Module Replacement 模块热替换指应用程序运行过程中，替换、添加、删除模块，而无需刷新整个页面
什么是globalThis：全局属性 globalThis 包含全局的 this 值，类似于全局对象（global object）：functioncanMakeHTTPRequest(){retur
之前分享过一篇文章，qiankun js 微前端服务。这里的配置，当主应用的路由是hash时，就无法满足了。
ref和reactive是vue3基于组合式api模式下，在setup中用于声明的具有响应式的数据的方法。
我爱模板网要实现下面的效果，即在textarea输入框的光标位置，插入系统变量
原来是因为default-expand-all属性是用来设置默认值的，不会动态渲染，初始值treeData的数据是调异步请求获取的，默认是空数组，在treeData是空数组的时候组件已经渲染了，default-expand-all属性已经使用过了，再次得到数据，这个属性并不会再次发挥作用。既然知道了原因，那么每次获取到treeData之后，再次渲染，就能解决问题了
ant-design-vue在tree的每个item的右边显示自定义的按钮，代码如下
Vue、React等框架使用了hash路由(history路由没关系)，url中必须有 号，但是又需要使用锚点定位，从而产生冲突，此时就不能使用 锚点，但又要实现锚点功能，可以借助js的scrollIntoView方法
ref也可以用来定义对象或者数组类型的数据，内部会通过reactive转为代理对象
vue2的$refs可以获取dom节点，但是vue3没有this，所以不能这么使用，可以用下面的方式实现
ant design vue 3 x之前，年选择器没有，只能使用a-date-picker日期选择器，将mode设置成year，但是，只能看到效果，并不能实现选择，需要进行下面的改造
封装组件之前我们需要知道 v-mode 的默认值。 组件上使用 v-mode 会默认传给子组件 props 一个 value 属性。 只需要把 props 里面的 value 属性拿绑定在 input 的 :value=“value” 属性上。
Vue生命周期是指vue实例对象从创建之初到销毁的过程。
vue的props传递的变量的type有时候正常情况应该是单一类型
除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令，对普通 DOM元素进行底层操作。
我爱模板网层分享一篇关于vue3使用ref的文章：vue2 $refs在vue3中的使用方法，但那个是静态的ref，使用方法如下
resolve 具体工作方法我的理解就是从后往前先找绝对路径，如果找到了就以这个路径为开头，如果没有找到绝对路径，就以当前文件所在的工作目录为开头。
vue3的defineProps、defineEmits和defineExpose在vue3中，如果是script setup新语法糖中，则使用非常广泛，这里总结下：definePropsconstp
shallowReactive 与 shallowRef：shallowReactive：只处理对象最外层属性的响应式（浅响应式），如果有一个对象数据，结构比较深, 但变化时只是外层属性变化。shallowRef：只处理基本数据类型的响应式，不进行对象的响应式处理，如果有一个对象数据，后续功能不会修改该对象中的属性，而是生成新的对象来替换
有一个vue（uni-app）开发的项目，放到了安装了宝塔面板的服务器上。但是要设置代理，才能访问。
本文转载自cnblogs adouwt博主的博文，原文地址：https: www cnblogs com adouwt p 9211003 html反映问题：执行npm publish报错，因为有
这里采用的是vue-cli 脚手架，版本是2 **，vue-cli 3 0 已经出来有一段了。今天暂不用3 0 的，回头会详细说上3 0的打包使用。
vue2插件编写之前我爱模板网分享过，今天带来vue3的插件封装方法，插件可以是一个公开 install 方法的 object,也可以是 function，包含全局函数和全局组件一起封装
vue3父子组件传值主要有：emit、props、provide和inject、作用域插槽
不论是Vue2中的Vue use亦或者Vue3中的app use。其功能主要是用在插件的安装上，往往是在项目的入口文件（比如main js）中。被use的插件多数是 NPM 中的第三方库 。在必要的时候，也可以封装一个自定义的插件以供团队的使用。这样可以避免反复开发同一个功能。
Vue3 props的写法和vue2差别还是比较大的，它基于defineProps进行定义
ref和reactive是vue3基于组合式api模式下，在setup中用于声明的具有响应式的数据的方法。
工作中遇到一个需求，要将一个非常复杂的项目，改成插件并发布到npm，供其他同事使用。该组件是基于vue-cli 4 x脚手架搭建的（vue-cli 3 x同样适用）。
vue3 native 修饰符被弃用了
`slot-scope` are deprecated
![[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.](/uploadfile/2023/0201/20230201141104598.png "[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.")
vue3打包提示下面错误：[@vue compiler-sfc] ::v-deep usage as a combinator has been deprecated Use :deep() instead
《编写一个vue3插件并发布它》中的错误
vue3在style中用@import导入的css文件，scoped不生效影响全局样式
假设项目传到 根目录 web 下，那webpack打包的vue2项目，和vite打包的vue3项目，如何配置
vue3实现，amap高德地图，沿着一系列经纬度绘制的Polyline，进行巡航动画。
uni-app vue3 store全局数据共享
在2 X版本中创建一个vue 实例是通过 new Vue()来实现的，到了3 X中则是通过使用createApp这个 API返回一个应用实例，并且可以通过链条的方式继续调用其他的方法
uni-app默认使用的vue2，这次新项目，不能再墨守成规，改成了vue3，之前的store引入方式等都要改了
uni-app vue3公共方法定义，之前提到过一种，参见：uni-app vue3版store使用和在Vue3中使用Vue prototype。但这种由于用到了this，在使用时，如果是composition api或setup语法糖，会更加麻烦，这里推荐一个方法，直接挂载到uni这个全局对象上。
uni-app vue3子组件不显示
vue3 transition 组件使用总结
我爱模板网再做一个小项目，不想使用element plus、antd这种重量级框架，但是又觉得element plus的提示插件很美观，于是就自己动手封装了一个轻量级的，不依赖任何插件的toat提示插件。
我爱模板网用vue3+vite开发项目时，写了个提示插件，为了便于使用，在main js做了全局引入
nvm切换后，执行vue，提示：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
vue add electron-builder一直在下载，或者卡在node install js解决方案
Electron 是一款利用 JavaScript、HTML 和 CSS 开发跨平台桌面应用的开源框架。它内置了Chromium 内核和 Node，使得我们写的单页应用程序能够运行在桌面端的类浏览器平台中。因此，我们可以通过书写 Web 代码来实现桌面应用的 GUI 布局，也可以通过 JavaScript 调用 Node js 提供的丰富的原生 API。
electron window require is not a function
Unexpected useless attribute on `` vue no-useless-template-attribues
ck-editor5是一款非常优秀的富文本编辑器，我爱模板网就在开发中使用到了它。下面是按需生成build文件，引入到vue3的方法
v-model在vue中我们经常用它与input输入框的输入值进行绑定，简单的实现原理大家也应该都知道 通过v-bind绑定value值 及结合@input输入事件动态改变绑定的value值来实现双向绑定，如下vue3实现代码
具体的逻辑很简单，先从 binding 中提取出 value 的值，这就是当前控件所需要的权限，然后遍历 usersPermissions 用一个 some 函数，去查看 usersPermissions 中是否有满足条件的值，如果没有，说明当前用户不具备展示该组件所需要的权限，那么就要隐藏这个组件，隐藏的方式就是获取到当前组件的父组件，然后从父组件中移除当前组件即可。
clipboard js可以实现js复制，详见js实现复制、粘贴，clipboard min js的使用
当我们没有使用vue3的setup语法糖，我们可以这么定义name
我爱模板网在开发一个cms程序时，有这么个需求：cms的内容众所周知是核心功能之一，所以在文章列表点击添加文章时，要打开新窗口，然后在新窗口添加完文章，自动关闭这个窗口，同时通知列表页刷新。
vue3如何使用eventBus订阅发布模式
我爱模板网开发cms时，采用的是ckeditor5，正常粘贴别的网站内容没问题，但是当我粘贴从腾讯新闻复制来的的文章时，出问题了，403不显示
我爱模板网开发cms时，采用的是ckeditor5，正常粘贴别的网站内容没问题，但是当我粘贴从腾讯新闻复制来的的文章时，出问题了，403不显示
Vue3动态设置ref，在循环中，尤其好用
ckeditor5和vuedraggle一起使用时，拖拽会导致将内容拖拽到了编辑器里面
之前，vue3+webpack使用monaco-editor以及script引入monaco-editor，都没有问题，这次又在vue3+vite上使用到了monaco-editor。 vite没有对应的monaco-editor-webpack-plugin插件，所以，如果直接使用并初始化，可以看到效果，但是会报错
vue路由动画让页面切换更有艺术感。
$parent指向调用该组件的父组件实例，注意，是直接，如果多层，需要$parent $parent ，通过$parent调用父组件的props、 data或者methods等
vue3+vite安装和使用scss详细步骤
之前都是用vue-cli脚手架开发的，这次是基于vite4 4脚手架开发的，其实都一样，就是打包配置不一样。
在vue2 0中，我们通过this $route可以获取到当前的路由，然后通过this $router来获取到路由实例来进行路由跳转
这是因为在vue3中上面的useRouter的引入方式是vue3的hooks，因此在js文件中需要导入你创建的router文件即可
关闭vue3运行过程异常出现的errors页面
vue3设置和读取静态ref的方法
vue2、vue3 播放rtsp视频流，拿到rtsp视频流地址如何处理，海康视频rtsp h264如何播放
vue3项目使用tinymce作为编辑器，tinymce默认的视频是不能上传的，仅支持网络地址，官方插件也看了下，没有视频上传插件。客户要求必须能够上传，而且还要限制上传大小。
我爱模版网在使用 `@vue cli 5 0 8`（目前最新版本）创建的脚手架项目运行之后，会在控制台打印下面的警告信息：main js:11 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle
获取路由有四种方法，获取到的path和fullpath的区别是fullpath会携带参数，所以要根据业务需求获取不同的数据项。
vue3+vite+electron 渲染进程使用ipcRenderer报错，使用require报错
此时可以渲染出对应语言下的title，可是当切换语言无法实时变化，$t 在setup 的声明中不生效原因是本身$t() 该函数并不是一个响应式的方法，所以需要通过Vue3的方法使其变成响应式，这边使用了计算属性来监听
unplugin-vue-components 插件可以在Vue文件中自动引入组件（包括项目自身的组件和各种组件库中的组件），作者是Vite生态圈大名鼎鼎的Anthony Fu。使用此插件后，不需要手动编写 import { Button } from ant-design-vue 这样的代码了，插件会自动识别template中使用的自定义组件并自动注册。
unplugin-vue-components 是由 Vue官方人员开发的一款自动引入插件，可以省去比如 UI 库的大量 import 语句。unplugin-vue-component
本文介绍了如何在Vue项目中使用unplugin自动导入第三方库和组件，以及如何配置unplugin-auto-import和unplugin-vue-components插件，包括resolvers和文件路径设置。
在选项式写法中,in(this)需要指定它在哪个组件实例内部执行，这是为了确保查询的上下文正确。
用淘宝镜像安装依赖时，提示：request to https: registry npm taobao org vuedraggable failed, reason: certificate has expired
xlsx导出Excel，Postman导出正常但是Vue导出Excel文件损坏
