会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132363个问题
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC旧 38101楼
人工智能/第四阶段:人工智能基础-高等数学知识强化/线性代数高级 38102楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Linux 38103楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 38104楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Spring 38105楼

<template>
    <div>
     动画处理
     <button v-on:click='show=!show'>按钮</button>
     <transition name='fade'> 
     <p v-if='show'>Hello</p>
      <transition/> 
    </div>
</template>
<script>
export default {
    name:'Animates',
    data(){
        return{
            show:true
        }
    }
}
</script>
<style scoped>
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
</style>



<template>
  <div >
   <!--{{ msg }}
   <HelloWorld @myEvent='eventHandler' @myChange='inputMessage'/>-->
   <!--
     <slotComponent> 
     <template v-slot:n1>  
      <div>
        我就是插槽
        <p>{{showValue}}</p>
      </div>
      </template>  
      <template v-slot:n2="slotProps">
        <p> 我是n2:{{slotProps.msg}}</p> 我是n2
      </template>
      
    
      <template v-slot:default="slotProps">
      <p>我是插槽3:{{slotProps.msg}}</p>
      </template>
      
    </slotComponent>  
   
   <MyComponents/>
   访问根实例  $root
    {{this.$root.rootMsg}}-->
    <Animates/>
    
  </div>
  
</template>

<script>
import HelloWorld from './components/HelloWorld'
import slotComponent from './components/slotComponent'
import MyComponents from "./components/MyComponets"
import Animates from './components/Animates'
export default {
  name: 'App',
  components: {
    HelloWorld,
    slotComponent,
    MyComponents,
    Animates
  },
  data () {
    return {
      msg:'',
      showValue:'编译作用域',
      value:'读取app的value值'
    }
  },
  methods: {
    eventHandler(data){
     this.msg=data
    },
    inputMessage(value){
      this.msg=value
    },
    
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>


老师给看一下1621838775(1).png

WEB前端全系列/第十九阶段:Vue2知识体系(旧)/Vue基础知识 38107楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 38108楼
JAVA 全系列/第八阶段:SpringBoot与MybatisPlus/Spring Boot旧 38110楼
JAVA 全系列/第十八阶段:亿级高并发电商项目/亿级高并发电商项目(旧) 38112楼
WEB前端全系列/第十三阶段:微信小程序-安心食疗(旧)/安心食疗-页面跳转 38113楼
WEB前端全系列/第十四阶段:React知识体系(旧)/网络请求 38114楼

屏幕截图 2023-03-20 161628.png

Python 全系列/第一阶段:Python入门/控制语句 38115楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637