vue uploader php是一种用于上传文件的框架，它结合了Vue.js和PHP两种技术，可以在web应用程序中快速轻松地实现文件上传功能。其核心原理是利用Vue.js实现前端上传组件界面，然后通过Vue.js的双向数据绑定和watch机制来监听上传文件的变化；再利用PHP在后端来处理上传文件的逻辑，将上传的文件保存到服务器本地或者第三方存储服务上。

要在Vue.js中使用vue uploader php，需要先在Vue.js项目中安装vue-uplader组件，可以通过npm命令安装，示例代码如下：

npm install vue-uploader

安装完成后，还需要在Vue.js项目中引入该组件，并在组件中添加上传逻辑和参数设置。

import VueUploadComponent from 'vue-uploader';

export default {
    components: { VueUploadComponent },
    data () {
        return {
            uploadUrl: 'upload.php',
            maxFileSize: 1024*1024*1024,
            accept: 'image/*',
            uploadedFiles: []
        }
    },
    methods: {
        handleUpload (file, progress, error, success) {
            let formData = new FormData();
            formData.append('file', file);
            axios.post(this.uploadUrl, formData, {
                headers: {'Content-Type': 'multipart/form-data'},
                onUploadProgress: (e) => {
                    progress(e.loaded, e.total);
                }
            }).then((response) => {
                success(response.data);
            }).catch((e) => {
                error(e.response.statusText);
            });
        },
        handleSuccess (res) {
            this.uploadedFiles.push(res);
        }
    }
}

上述代码中，我们通过import语句引入vue-uploader组件，在组件的data中设置了上传文件的相关参数，如上传地址uploadUrl、文件大小限制maxFileSize、文件类型限制accept和上传成功后返回的数据uploadedFiles。

然后在methods中定义了上传逻辑handleUpload和上传成功后的回调函数handleSuccess。其中handleUpload函数中利用axios库发送POST请求，将formData数据上传至服务器，同时监听上传进度并通过onUploadProgress回调函数更新进度条。上传成功后，通过success回调函数将上传结果传递给handleSuccess函数进行处理。

最后，在Vue.js的模板中通过引入VueUploadComponent组件实现上传界面。示例代码如下：

上述代码中，我们使用Vue.js模板语法引入VueUploadComponent组件，并传递了多个属性参数，如multiple、max_size、accept和事件回调函数，如upload-start、upload-progress、upload-error和upload-success。

总之，使用vue uploader php，可以快速实现文件上传功能并结合Vue.js实现优美的上传界面，可以用于各种web应用程序中，如在线编辑器、图库、音乐库等等。