
Vue
文章平均质量分 67
星耀199
这个作者很懒,什么都没留下…
展开
-
vueRouter相关问题
vueRouter的整体流程引用router>注册router>new router>导出且放在vue实例上1.hash监听hashchange方法通过设置Location 对象 的 location.hash 或 location.href 属性修改锚部分;使用不同history操作方法到带hash的页面;点击链接跳转到锚点。history监听方法 popstate 当调用history.go()、history.back()、history.forward()时原创 2020-08-05 09:09:07 · 185 阅读 · 0 评论 -
vuex相关理解
刷新数据不丢失1.vue持久化 vue-presits插件2.放在缓存中vuex流程引用vuex=>注册vuex(Vue.use(vuex))=>new vuex=>导出放在vue实例上vuex 相关属性1.state,mutation,action,modules,getter2.mutation触发commit action触发是dispatchmodules中nameSpace用法以及传参相关方法nameSpace:true 调用dispatch()原创 2020-08-05 09:05:29 · 102 阅读 · 0 评论 -
理解vue及相关方法
1.如何检测数据对象: 首先会对data进行遍历然后会递归使用object.defineprotorype重新定义 里面数据,getter 会使用dep.depend set会使用 dep.nitify()更新渲染watcher数组 :拿到数组里面的原型,然后从新定义数组里面 push pop shift unshift splice reverse sort,然后观测数组里面对象最后dep.notify()重新渲染数据2.为何采用异步渲染当批量更新数据时是批量更新而不是一个一个跟新原创 2020-08-05 09:04:13 · 120 阅读 · 0 评论 -
如何将动态图片和文字转为一张图片
npm install html2canvas --save data() {return {dataURL: ‘’}},dataURL是最后转化出来的图片base64地址,放在img标签中即可展示。?methods: {toImage() {html2canvas(this.$refs.imageWrapper,{backgroundColor: null})...原创 2019-04-26 13:37:08 · 546 阅读 · 0 评论 -
深层解读Vue—Vue双向绑定
首先我们要知道Vue双向绑定的几个概念1.comple(解析器):主要是用来解析你的节点、子节点、属性(w-on: ,w-html,w-model)2.observe(观察者):主要是来对data中的属性进行监听( Object.defineProperty)3.watcher(订阅者):主要是用来接受数据变化,进而实现视图更新好了直接撸代码吧<!DOCTYPE html>...原创 2019-07-12 16:16:34 · 251 阅读 · 0 评论