(自用笔记)每天一点vue3——第一天setup/defineProps

  1. <script setup></script>
    setup语法糖,script中的所有内容相当于是在一个setup函数中执行的。并且声明的所有变量、引用的方法\组件(组件名最好用大驼峰)都能直接在模板字符串中使用。不再用data\method之类的方法包裹。
  2. setup引入动态组件时模板的写法
    <component :is="A"></component>
  3. defineProps接收父组件传过来的值
<!-- 父组件-->
<template>
    <div >
        <Child  :a="a"></Child>
    </div>
</template>

<script setup>
    import Child from '@/components/Child.vue';
    const a = '变量a'
</script>

<!-- 子组件-->
<template>
     <div>子组件{{a}}</div>
</template>

<script setup>
    defineProps({
         a: String
     })
</script> 

使用时代码执
行没问题,但编译器报错:说defineprops未引入。但这个方法应该是vue3直接内置的,不需要引入。是哪里出了问题呢?

相关推荐

  1. (自用笔记)每天vue3——第一setup/defineProps

    2024-03-11 02:58:02       46 阅读
  2. Vue.js(第一

    2024-03-11 02:58:02       25 阅读
  3. 渗透笔记第一

    2024-03-11 02:58:02       57 阅读
  4. HTML5+CSS3学习笔记第一

    2024-03-11 02:58:02       22 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-11 02:58:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-11 02:58:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-11 02:58:02       82 阅读
  4. Python语言-面向对象

    2024-03-11 02:58:02       91 阅读

热门阅读

  1. RestTemplate的应用

    2024-03-11 02:58:02       40 阅读
  2. 基于c语言的大宗商品撮合交易平台的市场价值

    2024-03-11 02:58:02       41 阅读
  3. 关于入行8年的职业总结

    2024-03-11 02:58:02       45 阅读
  4. nacos的原理及使用方法

    2024-03-11 02:58:02       50 阅读
  5. 初级代码游戏的专栏介绍与文章目录

    2024-03-11 02:58:02       44 阅读
  6. 【RHCSA问答题】第十一章 分析和存储日志

    2024-03-11 02:58:02       45 阅读
  7. 整合生成型AI战略:从宏观思维到小步实践

    2024-03-11 02:58:02       43 阅读
  8. 【蓝桥杯-单片机】基础模块:矩阵按键

    2024-03-11 02:58:02       49 阅读
  9. 安卓开发面试题

    2024-03-11 02:58:02       44 阅读
  10. 使用Go语言编写API接口的技术

    2024-03-11 02:58:02       43 阅读