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