VUE1、 router 路由与 a 标签的区别:https://www.jianshu.com/p/34b… 2、 VUE双向绑定的原理: 答:VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。Vue的双向数据绑定就是只要在读取值(getter)时收集观察者,在赋值(setter)时触发观察者更新函数,就可以实现数据变更,从而实现DOM重新渲染。3、vue2.0中router-link详解:https://blog.csdn.net/lhjueji…4、 vue项目开发前的es6的知识储备:https://www.cnblogs.com/untir…5、 箭头函数和普通函数的区别:https://www.jianshu.com/p/73c…总结:1>箭头函数写代码拥有更加简洁的语法;2>箭头函数的this永远指向其上下文的 this,任何方法都改变不了其指向,如call(), bind(), apply(); 普通函数的this指向调用它的那个对象6、Vue的生命周期,详细介绍各个阶段 创建前/后 在beforeCreated阶段,vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。 在created阶段,vue实例的数据对象data有了,$el还没有。 载入前/后 在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换。 在mounted阶段,vue实例挂载完成,data.message成功渲染。 更新前/后 当data变化时,会触发beforeUpdate和updated方法。 销毁前/后 在执行destroy方法后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但是dom结构依然存在 它可以总共分为8个阶段:创建前/后, 载入前/后,更新前/后,销毁前/销毁后.7、简单描述每个周期具体适合哪些场景?生命周期钩子的一些使用方法: beforecreate : 可以在这加个loading事件,在加载实例时触发 created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用 mounted : 挂载元素,获取到DOM节点 updated : 如果对数据统一处理,在这里写上相应函数 beforeDestroy : 可以做一个确认停止事件的确认框 nextTick : 更新数据后立即操作dom8、 vue-router实现原理根据url来path匹配相应的 component ,在把匹配到的component渲染到指定的dom上就好了vue-router是vue的路由插件,组件:router-link router-view9、Vuex各个状态有 5 种,分别是 state、getter、mutation、action、modulestate Vuex 使用单一状态树,既每个应用将仅仅包含一个store实例,单单一状态树和模块化并不冲突。存放的数据状态,不可以直接修改里面的数据。mutations mutations定义的方法动态修改Vuex的store中的状态或数据。getters 类似vue的计算属性,主要用来过滤一些数据。action action可以理解为通过mutations里面处理数据的方法变成可异步的处理数据的方法,简单的说就是异步操作数据。view层通过store.dispath来分配action。Action 类似于 mutation,不同在于:Action 提交的是 mutation,而不是直接变更状态;Action 可以包含任意异步操作。modeules 项目特别复杂的时候,可以让每一个模块拥有自己的state,mutation,action,getters,使得结构非常清晰,方便管理10、axios是什么?怎么使用?描述使用它实现登录功能的流程axios是请求后台资源的模块。 npm i axios -S如果发送的是跨域请求,需在配置文件中 config/index.js 进行配置11、兄弟组件,父子传值父—子 父组件通过标签传值,子组件通过props接收子—父 通过this.$emit将方法和数据传递给父组件,父组件通过$on接收1.父组件与子组件传值父组件传给子组件: 子组件通过props方法接受数据;子组件传给父组件:$emit方法传递参数;2.非父子组件间的数据传递,兄弟组件传值EventBus,就是创建一个事件中心,相当于中转站,可以用它来传递事件和接受事件,项目比较小时,用这个比较合适;VueX,创建一个数据仓库,整个项目全局都可以往这个仓库存放数据和读取数据如果父组件想要调用子组件的方法vue会给子组件添加一个ref属性,通过this.$refs.ref的值便可以获取到该子组件,然后便可以调用子组件中的任意方法
近期问题总结
March 19, 2019 · 1 min · jiezi