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 编译安装 window篇

mysql 网络目录_联机目录数据库

MySQL 聚簇索引&&二级索引&&辅助索引

Mysql 脏页脏读脏数据

mysql 自增id和UUID做主键性能分析，及最优方案

Mysql 自定义函数

mysql 行转列列转行

Mysql 表分区

mysql 表的操作

mysql 视图，视图更新删除

MySQL 触发器

mysql 让所有IP访问数据库

mysql 记录的增删改查

MySQL 设置数据库的隔离级别

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

Mysql 语句操作索引SQL语句

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

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

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