继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Vue 学习,概念类东西随记

阿磊哥爱吃肉
关注TA
已关注
手记 1
粉丝 2
获赞 23

最近学习vue总是很纠结,什么钩子,什么方法,什么API。太多了头痛。所以随记总结一下,也不知道这么理解对不对,希望能有人帮我理理,帮我改正。

A、钩子(理解为晾衣的‘衣架’,在一个程序生命周期里,像衣架一样在不同阶段勾着晾衣杆做相应的事件)
1、mounted 首先要在methods(里面定义一个方法函数F function(){}),mounted:function(){
//实例化完成后就自动加载这个函数
this.F();
}
2、created 主要是跟mounted 会混乱,不知道什么场景用谁?现在我浅理解的是ajax获取后端数据的时候是用created

B、属性
1、methods 方法集 主要是放 (方法函数)
2、computed 计算属性 主要是放(计算方法方法和属性)
3、filters 过滤器 主要是放(过滤的方法:例如leach:function(val){return val.toFixed(2);} //所有数字保留两位小数)
4、watch 是监听属性 用在数据变化的时候,其他相关联的数据跟着变化(例如:父组件传递给子组件一些数据,需要改变子组件就得用watch),{其实现在还不够清楚,希望后面慢慢接触理解完善}

C、父子组件
1、props 父组件传给子组件 “参数" 父组件上面bind一个属性'xxx', 在子组件里面定义props:["xxx"]。
2、$emit 子组件只能用事件传参给父组件。先在父组件 组件 组件(重要的说三次)标签上v-on:自定义事件例如“v-on:xxx(子组件)="sss(父组件)" ”。然后在子组件写一个(点击方法)为了emit触发回调(this.$emit('xxx',"已经成功了!")//xxx为父组绑定的自定义方法,后面为返回的信息)。父组件sss函数一定要跟一个形参(‘形参’就是随便写一个string类型)。

D、vue自带方法
1.过滤器其实有很多自带的方法(capitalize首字母大写|uppercase全部大写|uppercase全部小写|currency输出金钱以及小数点|debounce包装处理器,让它延迟执行 x ms, 默认延迟 300ms。| limitBy需在v-for(即数组)里面使用|filterBy需在v-for(即数组)里面使用<需要搜索的字符串> |orderBy需在v-for(即数组)里面使用)后面四个是用较多还需多百度。
2.model也有很多的修饰符(lazy延迟同步|number转为类型|trim自动过滤空字符串)。

打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP