Vue2相关整理

>报错内容如下： Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid

>问题描述:前段时间使用vuecli3搭建了个项目，在引入本地封装的工具方法后，始终报错，查了很多资料，官方也没有相信说明，后来检查了几遍终于找到了原因。 >原因：因为在创建项目时默认安装了eslin

>第一步：安装 npm i vuedraggable -S >第二步：在需要使用的组件中引入 //引入拖拽插件 import vuedraggable from 'vuedraggable'; exp

>说明：使用vue结合css3自定义的按住说话和上滑取消发送组件，代码如下： 效果如下： ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-

>第一步：安装 npm i echarts -S npm i vue-echarts -S >第二步：注册echarts并引入需要的图例和工具(main.js) //引入echarts import

第二步：注册组件。（新建plugs.js）<用来注册所有编写的组件>。。。。。。。。。。。。。。。。。。。

>第一步：安装wxjssdk npm i weixin-js-sdk -S >第二步：在需要使用的组件页面导入（建议在main.js中导入） import wx from 'weixin-js-sdk

编写自己的vue视频播放组件。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

仿微信音频播放vue组件。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

{{v.ruleName}} 关键词：{{v.keyWords}} 模式：{{v.matchType ? '包含全部词' : '包含任意词'}} 更新：{{v.updateTime}} 删除 data

自定义vue图片预览缩放组件。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

注意：每次发布前需要修改package.json中的版本号，不然无法发布成功（新增组件进去的时候，第一次不需要）

>这里配合vue bus，当子菜单选中时手动展开submenu![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/20

vue项目中添加live2d添加动画人、动物。。。。。。。。。。。。。。。。。。。。。。。。。。。。

说明：这里path.join()是调用了nodejs中的path。。。。。。。。。。。。。。。。。。。

> 说明如下： module.exports = { publicPath: '/', // 官方要求修改路径在这里做更改，默认是根目录下，可以自行配置 outputDir: 'dist', //标识

vue中调用微信登录。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

配置项。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

>步骤一：定义自适应方法(放在需要的页面，如果是vue可放在app.vue中) //首次加载 this.resizeWeb(); //监听窗口缩放(应尽量避免不停缩放) window.addEvent

上传案例：（官方又详细的文档说明，可自行查看，这里给出简单案例） Vue组件中使用方式：。。。。。。