会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132837个问题
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask数据库 12826楼
JAVA 全系列/第九阶段:Spring Boot实战/Spring Boot 12827楼
Python 全系列/第二阶段:Python 深入与提高/文件处理 12832楼
Python 全系列/第二阶段:Python 深入与提高/文件处理 12833楼
Python 全系列/第二阶段:Python 深入与提高/文件处理 12834楼
Python 全系列/第十四阶段:Python 爬虫开发/scrapy框架使用(旧) 12835楼
JAVA 全系列/第五阶段:JavaWeb开发/Ajax技术详解(旧) 12836楼

<template>
  <div id="app">
    <hello>
      <template v-slot:header>
        <div>{{msg}}</div>
      </template>
      <template v-slot:body>
        <div>我是内容部分</div>
      </template>
      <template v-slot:footer>
        <div>我是底部</div>
      </template>
      <template v-slot:default="slotProps">
        <h3>{{slotProps.demo}}</h3>
      </template>
    </hello>
    <DyMy />
  </div>
</template>

<script>
import hello from "./components/hello.vue"
import DyMy from "./components/DyMy.vue"
export default {
  name: 'App',
  data(){
    return{
      msg:"我是头部"
    }
  },
  methods:{
  },
  components: {
    hello,
    DyMy,
  }
}
</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>
<template>
  <div>
      <h3>我是动态组件</h3>
      <button @click="changeViewHandle">切换视图显示</button>
      <component :is="currentComponent"></component>
  </div>
</template>

<script>
import child1 from "./child1"
import child2 from "./child2"
export default {
    data(){
        return{
            currentComponent:child1
        }
    },
    methods:{
        changeViewHandle(){
            if(this.currentComponent===child1){
                this.currentComponent=child2
            }else{
                this.currentComponent=child1
            }
        }
    },
    components: {
        child1,
        child2,
    },
}
</script>

<style>

</style>

第一段代码是App.vue,第二个是DyMy.vue,视频15分钟的时候,讲动态组件的时候按照视频上写的代码,控制台有警告,为啥与视频一样会有警告呢?

image.png

Python 全系列/第八阶段:Vue框架/vue框架 12837楼

屏幕截图 2022-03-06 122558.jpg

为什么我的代码运行不起来呀,是什么忘记打了吗


Python 全系列/第二阶段:Python 深入与提高/异常机制 12838楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Linux 12839楼
JAVA 全系列/第五阶段:JavaWeb开发/Servlet技术详解(旧) 12840楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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