Advertisement

Vue 3与<script setup>相关用法

阅读量:

长期使用react框架,近期计划学习vue技术,将在学习过程中进行记录

目录

一、数据响应机制

二、组件调用方式

三、组件间数据传递

3.1 父组件向子组件传递数据

3.2 子组件调用父组件方法

3.3 父子组件间的多层数据传递


一、响应式数据

采用ref

复制代码
 <script setup>

    
     import {ref} from 'vue'
    
     const activeNames = ref(['1'])
    
     const sensingVisble = ref(false)
    
 </script>
    
    
    
    

二、组件调用

复制代码
 <template>

    
     <div class="mainWrapper">
    
     <p>遥感数据</p>
    
    <Text />
    
     </div>
    
 </template>
    
  
    
 <script setup>
    
     import Text from './Text.vue'
    
 </script>
    
    
    
    

全部评论 (0)

还没有任何评论哟~