vue $forceUpdate 强制更新
摘要:vue中的$forceUpdate是强制更新的意思,强制触发vue的update方法; 对于深结构数据,比如,修改数组的长度为0 arr.length=0; 给对象添加新的属性 obj.newAttrbute='value'; 这样写是没有效果的,页面上的数据并不会同步更新,因为没有按照vue的规范
阅读全文
posted @
2020-04-02 15:00
半夏微澜ぺ
阅读(2272)
推荐(0)
vue devtools 以及热更新
摘要:devtools 谷歌vue开发调试工具,devtools,在开发环境可以使用,在生产环境提示:Devtools inspection is not avaliable,becase it is in prodction mode; Vue.config.devtools 配置是否允许vue-dev
阅读全文
posted @
2020-03-31 17:04
半夏微澜ぺ
阅读(1614)
推荐(0)
vue前端项目中excel文件下载
摘要:模仿 https://github.com/PanJiaChen/vue-element-admin/ 的下载 创建文件夹vendor 创建文件 Export2Excel.js 内容: 安装包 "xlsx": "^0.11.16" "file-saver": "^2.0.0", "script-lo
阅读全文
posted @
2019-09-23 14:02
半夏微澜ぺ
阅读(5864)
推荐(0)
vue 双向数据绑定
摘要:vue会对data中的数据进行监听,完成响应式,实现原理是Object.defineproperty(this,'obj',set:function(){},get:function(){});对象中的数据, 一开始就有get set方法,如果是在中途添加的属性,因为没有实现get set方法,所以
阅读全文
posted @
2019-08-06 10:58
半夏微澜ぺ
阅读(138)
推荐(0)
vue 给嵌套的iframe子页面传数据 postMessage
摘要:Vue组件下嵌套了一个不同域下的子页面,iframe子页面不能直接获取到父页面的数据,即使数据存在localStorage中,子页面一样是获取不到的,所以只好使用postMessage传数据: <iframe src="http://127.0.0.1:8888/index.html" class=
阅读全文
posted @
2019-05-13 18:53
半夏微澜ぺ
阅读(8130)
推荐(0)
axios
摘要:axios post请求,带参数默认content-type:‘application/json;charset=UTF-8’, 如果没有参数'Content-Type':'application/x-www-form-urlencoded', get请求默认没有content-type。因为它是简
阅读全文
posted @
2019-03-14 16:10
半夏微澜ぺ
阅读(88)
推荐(0)
vue-element el-select value-key
摘要:如果select绑定的值为对象,请务必指定value-key为它的唯一性标示 demo: 最终test的值是一个对象; test的赋值,必须要有id值 {id:1} 或者{id:1,name:'张三'}都可以,都是
阅读全文
posted @
2019-02-27 14:57
半夏微澜ぺ
阅读(16923)
推荐(0)
vue-touchjs
摘要:支持vue2.0的面向指令的touch指令,基于touchjs(原百度实现的移动端手势库) vue-touchjs支持三种stopPropagation的方式: 1 .stop修饰符 2 事件handler里面调用stopPropagation方法 3 事件handler里面return false
阅读全文
posted @
2019-02-25 12:14
半夏微澜ぺ
阅读(2123)
推荐(0)
vue全局配置
摘要:Vue.config 是一个对象,包含Vue的全局配置。可以在启动应用之前修改下列的属性: Vue.config.slient=true; 取消Vue所有的日志与警告 默认值false Vue.config.optionMergeStrategies 自定义合并策略的选项。 合并策略选项分别接受第一
阅读全文
posted @
2019-02-25 11:32
半夏微澜ぺ
阅读(1071)
推荐(0)
vue watch 深度监听以及立即监听
摘要:vue watch对象可以监听数据,数据发生变化,处理函数 watch虽可以监听,但只是浅监听,只监听数据第一层或者第二层。比如对于整个对象的监听,需要用到深度监听 在单文件组件中: 设置 immediate 为true,将立即以表达式的当前值触发回调
阅读全文
posted @
2019-02-22 16:38
半夏微澜ぺ
阅读(10349)
推荐(0)
Vue插件
摘要:插件通常会为Vue添加全局功能,插件的范围没有限制,一般有以下几种: 1 添加全局方法或者属性 vue-element 2 添加全局资源:指令/过滤器/过渡等vue-touch 3 通过全局mixin方法添加一些组件选项 vuex 4 添加Vue实例方法,通过把它们添加到Vue.prototype上
阅读全文
posted @
2019-02-22 14:22
半夏微澜ぺ
阅读(243)
推荐(0)
Vue 变化检测问题
摘要:受现代Javascript的限制,Vue不能检测到对象属性的添加和删除,因为Vue在初始化时将属性转为getter/setter,所以属性必须在data对象上才能让Vue转换它,Vue不允许在已经创建的实例上动态添加新的根级响应式属性。 然而它可以使用Vue.set(Object,key,value
阅读全文
posted @
2019-02-22 11:36
半夏微澜ぺ
阅读(355)
推荐(0)
异步组件
摘要:在大型应用中,我们可能需要将应用拆分为多个小模块,按需从服务器下载。为了让事情更简单,Vue.js允许将组件定义为一个工厂函数,动态的解析组件的定义。Vue.js只在组件需要渲染时触发工厂函数,并且把结果缓存起来,用于后面的再次渲染。 Vue.component('async-example',fu
阅读全文
posted @
2019-02-21 14:49
半夏微澜ぺ
阅读(177)
推荐(0)
子组件索引$refs
摘要:$refs只在组件渲染完成之后才填充,并且它是非响应式的,它仅仅作为一个直接访问访问子组件的应急方案 应当避免的模板中或者计算属性中使用$refs
阅读全文
posted @
2019-02-20 17:32
半夏微澜ぺ
阅读(347)
推荐(0)
vue 重塑数组之 修改数组指定index的值
摘要:vm.items[indexOfItem] = newValue vue不能检测数组的变动 想要实现可以使用vue的set方法 this.$set(this.items,indexOfItem,newValue);
阅读全文
posted @
2019-02-20 11:03
半夏微澜ぺ
阅读(6636)
推荐(0)
vue 计算属性 computed
摘要:计算属性默认只有getter,所以计算属性的值不能收到设置值,否则会提示没有setter,如果需要可以手动设置setter、
阅读全文
posted @
2019-02-19 16:52
半夏微澜ぺ
阅读(148)
推荐(0)