Vue问题日记 2021-03-11

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:

image.png

参考

4.vue中的$代表什么意思?

潜规则:带 $ 的是 VUE 框架(或插件)定义的属性方法,通常你定义的就别带 $

5.mounted ?————————>钩子函数:

1:在使用vue框架的过程中,我们经常需要给一些数据做一些初始化处理,这时候我们常用的就是在created与mounted选项中作出处理。created挂载阶段还没开始,什么叫还没开始挂载,也就是说,模板还没有被渲染成html,也就是这时候通过id什么的去查找页面元素是找不到的。所以,一般creadted钩子函数主要是用来初始化数据
2:mounted钩子函数一般是用来向后端发起请求拿到数据以后做一些业务处理。意思是该钩子函数是在挂在完成以后也就是模板渲染完成以后才会被调用。取到了值,这说明这时候vue模板已经渲染完毕。因此,Dom操作一般是在mounted钩子函数中进行的。
参考

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 本文是阅读vue文档时的收获和心得,与vue文档大部分不符,阅读vue文档请移步Vue.js 创建一个 Vu...
    极奏阅读 657评论 0 1
  • 一、简介 1、 Vue.js 是什么 参考网址:https://cn.vuejs.org/v2/guide/ind...
    满天繁星_28c5阅读 507评论 0 1
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,096评论 0 29
  • 看到网上vue相关的题量都非常少,完全不能满足大家对知识的渴望。所以我联系了30多位真正使用过vue,从各个方面筛...
    一笑奈何_3bea阅读 179评论 0 0
  • 前言 接触 Vue 也有一段时间了,很多时候在项目里面会用,但是由于对整个 Vue 的了解比较片面,让我不得不一次...
    你的肖同学阅读 990评论 0 12