首页 > 其他分享 >vue 父传子 props 静态属性和动态属性

vue 父传子 props 静态属性和动态属性

时间:2024-02-14 21:55:44浏览次数:37  
标签:vue ConpentA default export 父传子 components 属性

Props 静态属性

<template>   <div>      <ConpentA  title="我是静态props"/>   </div> </template> <script>   import ConpentA from './components/ConpentA.vue'   export default {     components:{       ConpentA     }   } </script>
<style scoped>
</style>   <template>    <div>        <h1>{{ title }}</h1>    </div> </template>
<script>   export default{     props:{         title:String,         default:''     }   } </script>   Props 动态属性 <template>   <div>      <ConpentA  :title="message"/>   </div> </template> <script>   import ConpentA from './components/ConpentA.vue'   export default {     data(){       return{         message: '1111'       }     },     components:{       ConpentA     }   } </script>
<style scoped>
</style>

标签:vue,ConpentA,default,export,父传子,components,属性
From: https://www.cnblogs.com/96net/p/18015657

相关文章

  • vue 状态管理vuex action 用法
    index.jsimport{createStore}from"vuex";conststore=createStore({  state:{    count:100  },  getters:{    compower(state){      return(id)=>state.count*id    }  },  mutations:{   ......
  • vue 状态管理vuex Mutation 加传递参数用法
    index.js写法import{createStore}from"vuex";conststore=createStore({  state:{    count:100  },  getters:{    compower(state){      return(id)=>state.count*id    }  },  mutations:{  ......
  • vuex
           ......
  • 类属性转换 拷贝 赋值
    参考链接 https://www.cnblogs.com/CodeBlogMan/p/18005657 三、类属性转换在实际Java开发中,关于VO、Entity、DTO等对象属性之间的赋值是我们经常遇见的,最简单使用@Data去逐个.set()或者@Builder链式.build(),其实都是很靠谱的办法,而且可以控制颗粒度。但属性一多......
  • Vue3杂碎知识记录
    vue引入bootstrap当卸载App.vue里不行的时候就还可以写在main.js里导入bootstrap的时候写在main.js里,(还要添加依赖@popperjs/core)import'bootstrap/dist/css/bootstrap.css';import'bootstrap/dist/js/bootstrap';//注意js文件也要引入进来写在vue的script里面不行,要......
  • Vue3学习(16) - 左侧显示分类菜单
    写在前面和大家不太一样,我觉得今年的自己更加relax,没有亲戚要走,没有朋友相聚,也没有很好的哥们要去叙旧,更没有无知的相亲,甚至可以这么说没有那些闲得慌的邻居。也可以说是从今天开始,算是可以进入自己的小世界,做自己想做的事,看看书,学习一下。生活的精髓在于善待自己,用心感受每一......
  • 网页中嵌入MediaPlayer时,各种属性与方法设置
    播放:MediaPlayer.Play()暂停:MediaPlayer.Pause()定位:MediaPlayer.SetCurrentEntry(lWhichEntry)MediaPlayer.Next()MediaPlayer.Previous()循环:MediaPlayer.PlayCount=00:theclipplaysrepeatedly1:once停止:MediaPlayer.Stop()===========================......
  • Vite+Vue根据环境配置Websocket地址
    前言上回说到,利用vite加载不同mode下的配置文件,可以实现不同运行环境下的参数配置。在前端应用中经常使用到Websocket,其地址同样可以在.env中间中配置。代码vite.config.ts代码的执行是在createApp之前,不可以在vite.config.ts中使用例如pinia、router等组件。可以使用import.me......
  • python3.9 + django4.1 + vue3 ,报错,无法访问配置的路由地址,Using the URLconf defined
    python3.9+django4.1+vue3,报错,无法访问配置的路由地址,UsingtheURLconfdefinedinStudentMgrBE.urls,DjangotriedtheseURLpatterns,inthisorder:-------------------------------------------------------------------------------无法访问 地址,报错如下: Us......
  • Vite+Vue3项目如何获取环境配置,并解决前端跨域问题
    步骤根目录新建.env.development和.env.production文件package.json配置启动参数vite命令启动项目时,指定mode参数,加载vite.config.ts文件。"dev":"vite--host0.0.0.0--port8093--modedevelopment","prod":"vite--port8093--host0.0.0.0--modepr......