Vue学习-Day2

  1. Vue.js 容许你自定义过滤器,可被用做一些常见的文本格式化。过滤器能够用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示
  2. 键盘修饰符以及自定义键盘修饰符,如@keyup.enter="add()"
  3. 自定义指令,v-开头
  4. vue实例的生命周期。
  • 建立期间的生命周期函数:
  • beforeCreate:实例刚在内存中被建立出来,此时,尚未初始化好 data 和 methods 属性
  • created:实例已经在内存中建立OK,此时 data 和 methods 已经建立OK,此时尚未开始 编译模板
  • beforeMount:此时已经完成了模板的编译,可是尚未挂载到页面中
  • mounted:此时,已经将编译好的模板,挂载到了页面指定的容器中显示
  • 运行期间的生命周期函数:
  • beforeUpdate:状态更新以前执行此函数, 此时 data 中的状态值是最新的,可是界面上显示的 数据仍是旧的,由于此时尚未开始从新渲染DOM节点
  • updated:实例更新完毕以后调用此函数,此时 data 中的状态值 和 界面上显示的数据,都已经完成了更新,界面已经被从新渲染好了!
  • 销毁期间的生命周期函数:
  • beforeDestroy:实例销毁以前调用。在这一步,实例仍然彻底可用。
  • destroyed:Vue 实例销毁后调用。调用后,Vue 实例指示的全部东西都会解绑定,全部的事件监听器会被移除,全部的子实例也会被销毁。
  1. vue-resource 实现 get, post, jsonp请求
  2. 动画效果,使用关键字 transition 样式 fade-enter-active, fade-leave-active
  3. 使用第三方 animate.css
  4. 动画钩子函数 beforeEnter() enter() afterEnter()
  5. 须要使用 transition-group 组件把v-for循环的列表包裹起来
相关文章
相关标签/搜索