qq_32265719的博客

element-upload<el-upload style="display: inline-block; margin-right: 13px" action="" :http-request="importExcel" :before-upload="beforeAvatarUpload" :show-file-list="...

数据对象去重// reduce() 方法接收一个函数 function(all,next){}// all: 初始值, 或者计算结束后的返回值。// next:当前元素（curr）// reduce() 对于空数组是不会执行回调函数的// some() 方法接收一个函数，方法用于检测数组中的元素 function(item){}// item: 数组种当前子项, index,arr// es6 解构运算符扩展： let all = [...all, next]// let all =

vue 事件绑定<el-button type="success" size="mini" icon="el-icon-plus" class="add-button" @click="editAction(null,'create')">新增</el-button>vue 主键<OperateModel ref="operateModel" :flag="operateModelFlag" @updateOperateModelFlag="updateOperateM

vue2.x -简介node/npm 包管理器 vue-cli 工程搭建 mvvm 框架进行代码划分和分工 vm 代表 vue 实例vue 常用选项参数var vm = new Vue({ data: {}, created(){}, computed:{}, watch:{}, methods:{}, })vue 组件组件注册有全局注册和局部注册Vue.component("",{ props:[], // 参数接收 template:"", // 参数.

vue 引入组件的几种方式在vue项目中 @ 符号代表的是根目录，即 src 目录<img src="~@/assets/imgs/post.png">

// eventBus.jsimport Vue from 'vue'export default new Vue()// 调用bus.$on('switchPage', (params) => { currentMenuList = params})bus.$emit('switchPage', currentMenuList)

vue1.x大部分可以通过查找和替换 (find-and-replace) 来实现升级只有 Vue Router 2 与 Vue 2 保持兼容，所以 Vue Router 是需要升级的对于 Vuex ，版本 0.8+ 与 Vue 2 保持兼容，所以部分不必强制升级区别模板/view每个组件必须只有一个根元素。不再允许片段实例v-for...

vue-router 路由管理const jbzhList = () => import('../views/phjrstbt/system/qypz/main.vue')vuex 状态管理vue 共享唯一数据源子组件们的每个实例也会通过 this.$root.$data状态管理问题转义(渲染)细节&lt;script&gt;aler...

指路明灯环境准备node -vnpm -vcnpm -vvue -V全局安装淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.org项目创建创建一个基于 webpack 模板的新项目: vue init webpack 项目名安装依赖 cnpm i 项目文件夹中会多出一个目...

cfMsgInfo.vueimportimport CfMsgInfo from './components/cfMsgInfo.vue'组件注册{ name:'' components: { CfMsgInfo}, // 局部组件注册 data(){return{}}, created(){}, methods:{},}ref ...

vue语法基于html模板语法<div class="err-info-div">{{accountErrInfo}}</div>属性动态绑定和修饰符.sync 同步修饰符带有 .sync 修饰符的 v-bind 不能和表达式一起使用用一个对象同时设置多个 prop 的时候，也可以将这个 .sync 修饰符和 v-bind 配合使用把 doc 对...

export default{ data(){return{ exportshowFlag:false; // 是否显示导出按钮 }}, created(){ this.initPage(); this.reload(); }, watch :{ '$route': function ...

vue 组件因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。组件可以进行进行任意次数的复用使用 v-bind 来动态传递 prop通过 v-on 监听子组件实例的任意事件，同时子组件可以通过调用内建的 $emit 方法触发该事件...

npm 包管理全局注册 main.js组件 编码https://www.cnblogs.com/chengxiaolong/p/10194913.html

vue 自定义指令全局注册/局部注册钩子函数bind(){},//绑定inserted(){},//插入（父节点存在即可调用，不必存在于 document 中）update(){},// 更新componentUpdated(){},// 被绑定元素完成第一次生命周期时调用unbind(){},// 解绑参数【以bind 为例】bind(el, binding, vnode,...

vue modifier 修饰符.native将原生事件绑定在组件上用.native<base-input @:focus.native="onFocus"></base-input>.sync真正的双向绑定会带来维护上的问题，因为子组件可以修改父组件 和 .sync 自动更新父组件属性的 v-on 监听器<child :foo.sync=...

响应式 responsive描述：属性必须在 data 对象上存在才能让 Vue 将它转换为响应式的 vnode->function|component|render ->watcher -> data -domVue.set（）可以使用 Vue.set(object, propertyName, value) 方法向嵌套对象添加响应式属性this.$set(t...

今日关键词：基于webpack 搭建vue2.0项目工具： vue-clinode -vnpm -vnpm list -g --depth=0+-- cnpm@6.0.0+-- vue@2.5.16+-- vue-cli@2.9.6`-- webpack@4.12.0vue list 查看可用模板vue init webpack project-name(默认...

.native.sync真正的双向绑定会带来维护上的问题，因为子组件可以修改父组件 和 .sync 自动更新父组件属性的 v-on 监听器<child :foo.sync=”msg”></child>this.$emit( “update:foo”, newValue );...

vue router 属性运用-共用一套view方法1 不需要做其他处理export default{ data(){return{}}, cteated(){ this.initPage(); }, watch :{ '$route': function (to, from) { this.initPage(); ...

vue watch 有三种用法直接写一个监听处理函数，当每次监听到 路由发生变化时，执行函数 监听对象：{handler(){},immediate:false,deep:false}子组件props首次获取到父组件传来的默认值时，也需要执行函数，此时就需要将immediate设为true。 deep属性对对象进行深度监听watch :{ //函数 　'$rou...