vue知识点1.vue生命周期生命周期钩子说明beforeCreate在实例初始化、数据观察和event/watcher事件配置之前调用。创建实例后调用created。至此,实例完成了以下配置:数据观察、属性和方法的操作、watcher/event事件的回调。mount阶段还没有开始,$el属性是不可见的,beforeMount在mount之前被调用,相关的render是第一次调用。Mountedel被新创建的vm.$el代替,挂载到实例上后调用这个hook。如果根实例在文档中挂载了一个元素,那么在更新文档中的beforeUpdate数据时,当挂载被调用时,vm.el也会被调用,这发生在虚拟dom被重新渲染和修补之前。您可以在不触发重新渲染过程的情况下进一步更改此挂钩中的状态。由于数据更改而更新虚拟DOM重新渲染和修补,之后将调用此挂钩。调用此挂钩时,组件DOM已更新,因此您现在可以执行依赖于DOM的操作。activatedkeep-alive当组件被激活时调用。deactivatedkeep-alive在组件停用时调用。beforeDestroy在销毁实例之前调用。在这一步,实例仍然完全可用。destroyedVue实例在销毁后被调用。调用后,Vue实例指向的所有东西都将被解除绑定,所有事件监听器将被移除,所有子实例将被销毁。2.keep-alive是vue内置组件,可以在组件切换过程中将状态保存在内存中,防止dom3.vue中v-if指令条件渲染指令的重复渲染,以及delete和区别在插入的元素v-show指令和v-if之间,无论条件是否为真,v-show都会渲染html,而v-eles指令只有在v-if为真时才会渲染。同时与v-if或v-show一起使用。如果不满足v-if条件,则v-elsev-for命令会根据数组渲染一个列表,类似于js的遍历。v-bind命令动态绑定一个或多个特性,可以简写为:class(原v-bind:class)v-on命令用于监听dom事件,用法与v-bind4类似。组件通信父子组件通信主要是通过props和自定义事件。父组件通过props向子组件发送数据,子组件通过事件向子组件发送数据。父组件发送消息5.双向数据绑定原理Vue内部使用object.defineProperty方法属性拦截方法,将数据对象的每次数据读写转换为getter/setter,通知视图更新当数据改变时。6.什么是视图?Vue是一个用于构建数据驱动的Web界面的渐进式框架。7、vuemodifier.lazy默认情况下,v-model会在每次触发输入事件后将输入框的值与数据进行同步。可以添加lazy修饰符切换到使用change事件进行同步:.number(v-model)自动将输入值转换为数字类型。trim(v-model)过滤用户事件修饰符输入的第一个和最后一个空白字符
