什么是vue插件，vue插件怎么使用？

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：

通过全局方法 Vueuse() 使用插件。它需要在你调用 new Vue() 启动应用之前完成：

为防止 多次注册同一个插件： 我们可以传递一个可选的对象

Vueuse 会自动阻止多次注册相同插件，届时即使多次调用也只会注册一次该插件。

Vuejs 官方提供的一些插件 (例如 vue-router) 在检测到 Vue 是可访问的全局变量时会自动调用 Vueuse()。然而在像 CommonJS 这样的模块环境中，你应该始终显式地调用 Vueuse()：

VUE是iOS和Android平台上的一款Vlog社区与编辑工具，允许用户通过简单的 *** 作实现Vlog的拍摄、剪辑、细调、和发布，记录与分享生活。还可以在社区直接浏览他人发布的Vlog，与Vloggers互动。

使用方法

在我们制作（自行拍摄之前）可以来设置拍摄时候的色调滤镜，拍摄的时长。这些拍摄的视频，可以直接用到我们要制作的剪辑小视频当中。调用手机里的小视频、可以给视频加上LOGO、在发送前进行预览。

扩展资料

随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的 *** 作，帮助用户在手机上拍摄精美的短视频。

vue-lazyload-img - 移动优化的vue懒加载插件
vue-image-crop-upload - vue剪裁上传组件
vue-svgicon - 创建svg图标组件的工具
vue-img-loader - 加载UI组件
vue-image-clip- 基于vue的图像剪辑组件
vue-progressive-image - Vue的渐进图像加载插件

网站搭建框架之vue

Vue是web前端快速搭建网站的框架之一。它与jQuery有所不同，是以数据驱动web界面（以 *** 作数据改变页面，而jQuery是以 *** 作节点来改变页面），同时，vue还实现了数据的双向绑定，可及时响应用户的输入。最主要的是vue的写法简单，容易掌握，组件形式可以大大提高工作效率。

对于vue的使用可以分为两种使用形式：1引入vuejs文件，在js中将vue实例化；2通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。
引入vuejs的写法

Vue分为V层（视图层）和M层（数据层），一般都是由M层的数据来驱动V层的改变。而vue的常用指令数量不多且写法简单。常用的有v-html、v-text、v-show、v-if、v-else、v-for、v-bind:、v-model。v-html和v-text都是将数据写进标签内，但它们的不同之处在于v-text会将标签当做文本内容写入
，而v-html则会对标签进行编译，只显示标签内的内容。

至于v-show、v-if、v-else这三个指令都是通过布尔值的判断来执行的，当布尔值为真时，设置了v-show、v-if指令的标签会显示出来，当布尔值为假时，标签隐藏；而v-else与这两个指令相反。除此之外，v-show和v-if、v-else之间也有差别，v-show是改变标签的display属性来使标签显示或隐藏；而v-if、v-else是通过添加或删除节点，来显示或隐藏标签的。

V-for是vue的一种遍历方法，这个方法极大的简化了数组或对象的遍历并显示到页面的步骤
而v-bind：是对html属性或自定义属性的数据驱动方式，格式为v-bind:href，可简写为：href。对于类（class）的 *** 作是通过布尔值来判断增加或者隐藏类，同时。类和样式（style）所接受的数据类型为对象。

V-model指令的作用是将数据进行双向绑定，仅限于输入类型标签。当用户在页面输入时，数据层的数据会跟着改变。这是VM模式。由v驱动m。

除了这些普通的指令之外，还有事件指令v-on:，可简写为@+事件名，例如：@click，并将执行函数写到vue的methods中
通过脚手架来写项目的话，可用通过写组件，再将组件引入（注册）到另一个vue文件里拼接在一起，从而构建出一个页面。
（组件书写格式）
（组件整合）
（注册路由）

路由是通过vue-router来实现的，在注册路由的时候要将router实例化。不同的路由跳转不同的页面，这是搭建单页面应用的优势。

而父组件与子组件之间的通讯可以通过props将父组件的信息传递给子组件，改变子组件的内容，这样子组件的复用就不会有障碍了，而子组件传递信息给父组件或者其他组件的通讯则需vuex。
通过引入vuex并实例化一个VuexStore作为一个公共平台，将数据进行传输。通过vue的computed方法接收数据，通过methods方法改变数据。而这个公用平台可以实现组件与组件之间的信息传递，从而实现组件之间的交互。

通过一个星期的实战，深深的体会到了vue的优势，在构建移动端这方面的效率很高。但在搭建的过程中，还是少不了与jQuery结合，毕竟每个工具都有其优点，择其优而用是明智的选择。

vue插件使用方式是Vueuse(xxx)，需要在new Vue实例之前加载，适合为Vue加入一些额外的通用功能。比如vuex，element-ui, axios都可以。

插件需要有install函数，然后就看自己发挥了。

Vue调用use的时候还可以传额外的自定义参数

百度上有很多vue-simple-uploader的使用说明，我就不说了。我只说下我所需要的功能。
一、先说下项目需求
（1）前端页面要批量上传数据
（2）数据大小不定，M、G、T，这是上传数据的大小范围
（3）重点来了，后端要求在上传之前，为每一条数据上传的时候携带一些需要的参数。例如：文件名、路径、session_id、文件权限等。
（4）暂时没有断点续传、切片等其他功能
二、遇到的问题
通过阅读simple-uploader文档、百度、Google等搜到的都是vue-simple-uploader的事件、方法、配置等使用方法。直接把所有的事件进行实现打印查看。并不能实现后端的要求。
三、解决过程
（1）公司大佬带着开始读simple-uploader的源码，重写方法都试了，还是不行。
（2）再次仔细的阅读了simple-uploader文档，发现配置项中一个字段 query ,它的描述是 query 其他额外的参数，这个可以是一个对象或者是一个函数，如果是函数的话，则会传入 UploaderFile 实例、当前块 UploaderChunk 以及是否是测试模式，默认为 {}。 。这感觉很容易忽略过去。。。
（3） query 可以是一个对象，然后就在里面写上自己需要的字段，重新上传文件，在每个 put 中发现都有 query 添加的字段。但是不能根据文件的不同来改变字段的值。
（4） query 描述中也说到可以是一个函数，然后就写成函数，然后进行测试，发现可以改变字段的值。选择文件之后，函数的第一个参数就是当前文件的信息，进行上传文件之后， put 中，每个消息都是当前文件的字段。完成后端要求。
下面就是我的options配置：

（5） put 每个文件给后端的字段，字段根据自己需求可变

关于vuejs 20中，路径获取的方法：
HTML原生结构：<img src="image/1jpg" width="100%" height="100%">
在vue中
<div class="m-el">
<img v-bind:src=itemimg|imgUrl />
</div>
var vm = new Vue({
el: 'm-el',
data: {
items:[
{
id:"",
img:"",
}
]
},
// 在 `methods` 对象中定义方法
methods: {
get:function(){
thisitems=JSON;
//JSON 字符串||对象
}
},
filters: {
imgUrl: function(value) {
if (!value) return '';
value="image/"+value;
return value;
}
}
});
采用 vm 的filters 方法进行
JSON=> [{
"id": "1",
"img": "0jpg",
},
{
"id": "2",
"img": "1jpg",
}]

---