随笔分类 - Vue
摘要:new Vue后:Vue.prototype._init= function(...){ initLifecycle(vm) //初始化生命周期 initEvents(vm) //初始化事件中心 initRender(vm) //初始化渲染 initState(vm) //初始化状态} functi
阅读全文
摘要:首先,得明确监听input输入框变化的方法是input,不是change。 方案一:type= "number" 作用: 成功禁止输入字母 能输入小数点,第一位可以为0,小数点能输入多个 eg:01111.5.5 方案二:v-model.number 作用: 输入过程中能输入字母,但在失去焦点时多余
阅读全文
摘要:首先,我们得明白Vue数据响应的原理: 以对象为例:当把一个JavaScript对象传给Vue实例的data选项时,Vue将遍历此对象所有的属性,并使用Object.defineProperty把这些属性全部转为getter/setter, 而getter/setter可以做到追踪依赖,在属性被访问
阅读全文
摘要::prop="'answers.a' + item.split('.')[1]+'.total'" {{scope.row.answers['a'+item.split('.')[1]].cond}}
阅读全文
摘要:前段时间做页面时需要动态设置背景图片,每一种框架都会遇见类似的需求,特记录下来,以免不时之需: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> li span {
阅读全文
摘要:本文总结自: https://tech.meituan.com/vuex-code-analysis.html, 将要点提炼为笔记,以便不时之需,安不忘危。 核心可分为两部分: 1.vue.use(Vuex) 本质上执行Vuex的install方法,参数为Vue Vue赋给局部对象 调用applyM
阅读全文
摘要:vue.use源码: 这里再补充说明一下toArray方法 此方法将list倒序输出为一个真正的数组,并将第一个清除(arguments不是真正的数组) 因此: Vue.use本质就是执行一个plugin函数或者执行pluign的install方法进行插件注册,并且向plugin或其install方
阅读全文
摘要:mixins 调用方式: mixins: [mixin1, mixin2] 是对父组件的扩充,包括methods、components、directive等。。。 触发钩子函数时,先调用mixins的函数,再调用父组件的函数。 虽然也能在创建mixin时添加data、template属性,但当父组件
阅读全文
摘要:vue渲染组件的顺序是: 执行render函数-->没有render参数解析template参数内容-->没有template参数将el内html当做template解析 其中解析template实质上是转换为render函数。 语法: render: (createElement)=>{ retu
阅读全文
摘要:本文总结自: https://segmentfault.com/a/1190000006599500,将每一个流程提炼出来做一个简单的说明,以免自己被繁杂的逻辑弄昏头脑~ observer: 遍历数据并挟持所有属性,为每一个属性创建dep对象(订阅器, 内含数组sub装载订阅者watcher),当属
阅读全文
摘要:mutation 作用: 更改state的状态 说明: 每个mutation对象都有字符串类型(type)与回调函数,在回调函数内进行状态修改,回调函数的第一个参数为state eg: 调用方式: 1.载荷风格 this.$store.commit('changeMainOption', 1) //
阅读全文
摘要:vue2.0提供了keep-alive组件,用来缓存组件,避免多次加载,减少性能消耗。 1.将整个网页缓存起来 最常用的方式,用以提高整体的加载速度。 2.缓存部分组件或页面 a.使用include与exclude 官网推荐的方法 b.使用router.mate router设置: 根据router
阅读全文
摘要:本文整理总结自: https://zhuanlan.zhihu.com/p/27588422 单页面应用(SPA)的核心之一是: 更新视图而不重新请求页面, 实现这一点主要是两种方式: 1.Hash: 通过改变hash值 2.History: 利用history对象新特性(详情可出门左拐见: htt
阅读全文
摘要:今天用nuxt做项目时,启动npm run dev,项目正常启动, 可过一会儿再试图启动时却报错: * ./libhtml5-entities.js in ./~/html-entities/index.js,发现html-entities的lib文件夹下的html5-entities.js不见了,
阅读全文
摘要:在创建Vue实例时经常看见render: h => h(App)的语句,现做出如下解析: h即为createElement,将h作为createElement的别名是Vue生态系统的通用管理,也是JSX所要求的 h => h(App)是es6语法,即为: function(h){return h(A
阅读全文