DAY3 2015.1.22 颜色切换下拉菜单+平滑过渡

51 阅读2分钟

DAY3 2015.1.22 颜色切换下拉菜单+平滑过渡

问题分析:昨天的问题最终发现是ant-design会默认有一些时间过渡的CSS属性,如transition 0.3s,统一这些属性就好,可以从浏览器的开发者工具发现问题

学习总结:

①关于Vue生命周期:今天看了文章,总结一下收获:

首先,$符号开头的都是留给开发者使用的,而下划线_开头的就是Vue内部的构造方法,一般对开发者不应当使用;Vue的data()中定义的属性都是响应式的,在create阶段Vue调用initData和observe来使它们初始化和响应化,可以说data()就是在create阶段获得被实例化的,成为组件状态的一部分;created()钩子在create之后进行,此时仍然可以定义数据,但是数据就成为一个独立的对象附加在组件实例上。因此created()钩子一般用来更新data中设定的数据属性只,和进行一些异步操作等,原因还是“此时data()已经准备好”

②组件的挂载mount长话短说,可以总结为三个函数:render渲染成为JS代码,update更新虚拟DOM树,patch进行比较更新真实DOM树

③beforeCreate()钩子之前,_c(渲染真实DOM的方法,render:h=>h(App)的函数h指的就是c)会被调用,基于document.createElement实现

③Vue.observable()接受一个对象,返回它的响应式版本,但是不会绑定到模板template中,需要手动绑定到另一个数据上,这一步通常可以在created()钩子中进行,或者说template对于一个由Vue.observable()创建的对象,不会把它识别成响应式的。另外,这个方法一般在外置的.js方法中使用,在vue框架里引入这个方法。