1.条件处理用箭头函数
为什么要用箭头函数?一个字:短。
1 箭头函数最大的优点就是简短。
2 箭头函数不能用作构造函数。适用于那些本来需要匿名函数的地方。
3 引入箭头函数有两个方面的作用:更简短的函数并且不绑定this。
2.vue中“:”、“.”、“@”意义
“:” 是指令 “v-bind”的缩写,“@”是指令“v-on”的缩写;“.”是修饰符。
[修饰符]
修饰符 (Modifiers) 是以半角句号 .
指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。例如,.prevent
修饰符告诉 v-on
指令对于触发的事件调用 event.preventDefault()
:
<form v-on:submit.prevent="onSubmit">...</form>
参考文档
3.this.$emit()方法:
是Vue子组件向父组件传值。
注意:"自定义事件名" 一定要用引号括起来,不然会报错is not defined:
参考
4.vue中的$代表什么意思?
潜规则:带 $ 的是 VUE 框架(或插件)定义的属性方法,通常你定义的就别带 $
了
5.mounted ?————————>钩子函数:
1:在使用vue框架的过程中,我们经常需要给一些数据做一些初始化处理,这时候我们常用的就是在created与mounted选项中作出处理。created挂载阶段还没开始,什么叫还没开始挂载,也就是说,模板还没有被渲染成html,也就是这时候通过id什么的去查找页面元素是找不到的。所以,一般creadted钩子函数主要是用来初始化数据。
2:mounted钩子函数一般是用来向后端发起请求拿到数据以后做一些业务处理。意思是该钩子函数是在挂在完成以后也就是模板渲染完成以后才会被调用。取到了值,这说明这时候vue模板已经渲染完毕。因此,Dom操作一般是在mounted钩子函数中进行的。
参考