Vue3 学习笔记 —— setup-白红宇

Vue3 学习笔记 —— setup

阅读量：244 次

发布时间：2019-03-01

本文共 698 字，大约阅读时间需要 2 分钟。

setup

新的 option，仅在beforeCreate之前执行一次

// setup 执行时，组件还没有开始创建，因此 this 为 undefined  setup () {       console.log('this in setup:', this)  }

在这里插入图片描述

如果该函数返回对象，对象中的属性或方法，在模板中可以直接使用

在这里插入图片描述

setup 中返回的对象会同data、methods合并到组件对象上

export default defineComponent({     name: 'App',  setup () {       return {         inSetup: 'setup',    }  },  data() {       return {         inData: 10    }  },  methods: {       inMethods () {         console.log(123)    }  },  mounted () {       console.log(this)  }});

在这里插入图片描述

setup 接收两个参数 props、context

props：组件声明接收，且父组件传递了的属性

context: 包含 attrs: 父组件传递的但未声明接收的属性、emit：用来触发自定义事件、slots: 父组件传递的插槽组件

// App.vue

// Child.vue

在这里插入图片描述

转载地址：http://mpqt.baihongyu.com/

你可能感兴趣的文章

mYSQL 外键约束

mysql 多个表关联查询查询时间长的问题

mySQL 多个表求多个count

mysql 多字段删除重复数据，保留最小id数据

MySQL 多表联合查询：UNION 和 JOIN 分析

MySQL 大数据量快速插入方法和语句优化

mysql 如何给SQL添加索引

mysql 字段区分大小写

mysql 字段合并问题（group_concat）

mysql 字段类型类型

MySQL 字符串截取函数,字段截取，字符串截取

MySQL 存储引擎

mysql 存储过程注入_mysql 视图事务存储过程 SQL注入

MySQL 存储过程参数：in、out、inout

mysql 存储过程每隔一段时间执行一次

mysql 存在update不存在insert

Mysql 学习总结（86）—— Mysql 的 JSON 数据类型正确使用姿势

Mysql 学习总结（87）—— Mysql 执行计划（Explain）再总结

Mysql 学习总结（88）—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键

Mysql 学习总结（89）—— Mysql 库表容量统计