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 让所有IP访问数据库

mysql 记录的增删改查

MySQL 设置数据库的隔离级别

MySQL 证明为什么用limit时，offset很大会影响性能

Mysql 语句操作索引SQL语句

MySQL 误操作后数据恢复（update,delete忘加where条件）

MySQL 调优/优化的 101 个建议！

mysql 转义字符用法_MySql 转义字符的使用说明

mysql 输入密码秒退

mysql 递归查找父节点_MySQL递归查询树状表的子节点、父节点具体实现

mysql 里对root及普通用户赋权及更改密码的一些命令

Mysql 重置自增列的开始序号

MySQL 高可用性之keepalived+mysql双主

mysql-connector-java各种版本下载地址

mysql-group_concat

MySQL-【4】基本操作

Mysql-丢失更新

Mysql-事务阻塞