需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步：前端修改由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中，在bjui-all.js文件中的全...
App.vue<template><div id="app"><h3>welcome vue-loading</h3><Loading></Loading> <!--<Loading></Loading>是自定义组件--> </div></template>main.jsimport Vue from ‘vue‘ import App from ‘./App.vue‘import Loading from ‘./components/loading‘ //定义Loading,components、loading是一个文件夹，loading里面必须要index.jsVue.use(Loading) //use Loadingnew Vue({el: ‘#app‘,render: h => h(App) })index....
vue.js的组件使用过程分为三个步骤：1、创建组件构造器； 2、注册组件； 3、使用组件组件同时也分为全局组件与局部组件 1、全局组件 2、局部组件 注意：由于 HTML 标签不区分大小写，所以在生成的标签名都会转换为小写。例如，当你的 template 为 <MyComponent></MyComponent> 时，插入 DOM 后会被转换为 <mycomponent></mycomponent>。原文：http://www.cnblogs.com/caojiayan/p/6866941.html
父子组件通信父 通过$ref属性给 子传递数据子 操作 父 this.$parent.XXX或者通过vue-busvue-bus既可以实现父子组件之间的通信，也可以实现兄弟组件之间的通信vue-bus安装(c)npm install vue-bus引入import Vue from ‘vue‘; import VueBus from ‘vue-bus‘;Vue.use(VueBus);应用：发送：this.$bus.$emit(‘closeMenu‘, {}); 接收： this.$bus.on("closeMenu", () => {this.isOpen = false; }); 参考链接：https://cn.vuejs.org...
步骤：创建一个空Vue实例，也就是一个 bus （ 事件总线 ）一个组件注册事件（ bus.$on(事件名称, () => {}) ）另一个组件触发事件（ bus.$emit(事件名称, 数据) ）注意：一定要是同一个 bus！！！ <div id="app"><jack></jack><rose></rose></div><script src="./vue.js"></script><script>// 创建一个busconst bus = new Vue()Vue.component('jack', {template: `<div>我是jack，我要对 rose 说：<button @click="fn">告诉rose：...
一、子父组件1、子组件获得父组件中的值：通过v-bind方式绑定在子组件中// 子组件中定义propsprops: [‘msg‘]// 父组件中： <deleteBar :msg=‘this.xx‘ :name=‘this.yy‘></deleteBar> //在以html元素方式插入子组件的位置，用:msg的方式绑定已经在子组件中定义的参数，=‘this.xx‘引用父组件中的值2、子组件中调用父组件中的方法1> 绑定在子组件定义的元素位置，在子组件中用emit方法触发，与传递值的方法相似// 子组件： //...
在开发项目的过程中，有时修改后台的数据变化可能不会及时更新到页面上，此时就需要我们刷新页面更新数据，但是直接调用刷新window.location.reload()可能对操作的体验不是很好，所以就需要下面的方法。列举个场景，比如修改主体content内容，我想要刷新主体部分的组件，但是不刷新title和aside组件，怎么实现呢？实现方法就是在想要刷新的组件中封装一个方法，当需要刷新页面时直接调用这个方法就可以无痕迹刷新这个组件（页面）！...
朝颜陌 vue基础----组件通信（props,$emit,$attrs,$listeners）一、父传子，子传孙 1. props 1>在父组件中通过子组件自定义的标签属性来传递数据。 2>在子组件中通过props声明希望用到的数据 1 <body>2 <div id="app">3 <my-father :msg1="msg" a="10" :b="20" @click1="fn"></my-father>4 </div>5 <script src="./node_modules/vue/dist/vue.js"></script>6 <script>7 let vm =...
关于vue+element-ui项目的分页，返回默认显示第一页的问题解决https://blog.csdn.net/StephenO_o/article/details/84234916 问题造成原因我们返回当前页面取得总条数totalNum的之前，element-ui的分页组件已经在页面加载完毕，当时的totalNum绑定的是data里面初始化的数据0，所以当总条数为0的时候，分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页...
第一种：props，$emit用于在父子组件之间进行传值，通信第二种：vuex父子组件，兄弟组件等组件之间的通信都可以使用第三种：$root.$on , $root.$emit深层组件嵌套时候可以使用另外还有好几种通信方式，我只记录我使用过的这几种 原文：https://www.cnblogs.com/sixrookie/p/13091797.html
（1）全局注册<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"/><title>Vue</title></head><body><div id="app"><my-component></my-component></div><script src="https://cdn.bootcss.com/vue/2.5.9/vue.min.js"></script><script type="text/javascript">//示例前注册 Vue.component(‘my-component‘, {//DOM结构必须被元素包含 template: ‘<div>组件内容</div>‘})new Vue({el: "#ap...
最近在学习vue，今天看到自定义事件的表单输入组件，纠结了一会会然后恍然大悟...官方教程写得不是很详细，所以我决定总结一下。 v-model语法糖v-model实现了表单输入的双向绑定，我们一般是这么写的：1<div id="app">2<input v-model="price">3</div>1new Vue({ 2 el: ‘#app‘, 3 data: { 4 price: ‘‘ 5 } 6 });通过该语句实现price变量与输入值双向绑定实际上v-model只是一个语法糖，真正的实现是这样的：...
SvgIcon组件主要是整站所有的图标icon，提前成一个单独的组件。假如Nav.vue需要该组件，引用即可。由此可见，需要将SvgIcon.vue组件注册为全局组件，谁需要，谁引用。一、将SvgIcon.vue注册为全局组件、1、注册组件//SvgIcon是组件名 { }里边是组件内容 Vue.component(‘SvgIcon‘,{template:`<div>我是SvgIcon组件</div>`,data(){return {msg:‘hello‘}} }) 因此，可将组件内容抽离出来单独的文件---SvgIcon.vue2、抽离SvgIcon....
<template> <div id="slider"> <div class="window" @mouseover="stop" @mouseleave="play"> <ul class="container" :style="containerStyle"> <li> <img :style="{width:imgWidth+‘px‘}" :src="sliders[sliders.length - 1].img" > </li> <li v-for="(item, index) in sliders" :key="index"> <img :style="{width:imgWidth+‘px‘}" :src="item.img" > </li> ...
组件（Component）是我的理解就是自定义元素.(一)自定义组件任何一个以.vue结尾的组件内都可以写自定义组件,一个自定义组件的使用主要2个步骤:1.注册:上代码2.组件使用 原文：http://www.cnblogs.com/gutianer/p/7827055.html