Vue-10-前端框架Vue之应用基础标签的ref属性和TS中的接口泛型自定义类型

文章目录

  • 1 html标签
    • 1.1 App.vue
      • 1.1.1 App.vue(vue2语法)
      • 1.1.2 App.vue(vue3语法)
    • 1.2 Person.vue
    • 1.3 问题复现(App.vue)
    • 1.4 解决方案(ref属性)
      • 1.4.1 App.vue
      • 1.4.2 Person.vue
  • 2 组件标签
    • 2.1 App.vue
    • 2.2 Person.vue
  • 3 TypeScript语法
    • 3.1 接口
      • 3.1.1 types/index.ts
      • 3.1.2 Person.vue
    • 3.2 泛型Person.vue
    • 3.3 自定义类型
      • 3.3.1 types/index.ts
      • 3.3.2 Person.vue

ref属性,用在普通html标签上,获取的是DOM节点。ref属性用在组件标签上,获取的是组件实例对象。介绍TypeScript接口、泛型和自定义类型的简单应用。

1 html标签

1.1 App.vue

根组件。

1.1.1 App.vue(vue2语法)

引入子组件;
注册子组件;
应用子组件标签;

<template>
  <div class="app11">
    <h

你可能感兴趣的:(Vue,前端框架,vue.js,前端)