父子组件传值

news/2024/7/10 3:17:32 标签: vue

div里夹的组件与之前组件内的不一样了。不是自己传自己了。
是父组件还是子组件?
哪个是子,哪个是父?
盲猜下面有java 无难事的是父组件,上面的是子组件?
list是子组件,item是父组件?
对不对呢

<div id="app">
  <post-list></post-list>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
  const app = Vue.createApp({});
  const PostItem = {
    props: ['postTitle'],
    template: `<h3> {{ postTitle }}</h3>`
  };
  
  app.component('PostList', {
    components: {
      PostItem
    },
    template: `<div><PostItem postTitle="Java 无难事" /></div>`
  });
  app.mount('#app')
</script>

猜错了?item是子组件,list是父组件?
为什么?


http://www.niftyadmin.cn/n/957495.html

相关文章

ensorflow: tf.stack和tf.unstack的区别,实例解释

将两个N维张量列表沿着axis轴组合成一个n1维的张量&#xff0c;例如下面tensor(2,3)与tensor1(2,3),一个y(2,2,3) import tensorflow as tf tensor[[1,2,3],[4,5,6]] tensor2[[10,20,30],[40,50,60]] ytf.stack([tensor,tensor2]) y2tf.stack([tensor,tensor2],axis1) print(y…

这个为什么显示不出来?

<div id"app"><post-list /> </div> <script src"https://unpkg.com/vuenext"></script> <script>const app Vue.createApp(PostList, {data() {return {title: Java无难事}},components: {PostItem},template: <…

to_categorical函数介绍

to_categorical就是将类别标签向量转换为二进制&#xff08;只有0和1&#xff09;的矩阵类型表示。每一个标签用矩阵的对应的行向量来表示。 np_utils.to_categorical(数据的类别标签, 总类别数) 例如类别的标签为0、1、2、3、4&#xff0c;将数据分为这5类&#xff0c;则经过…

Grafana集成到自己的Web项目(避坑)

1.修改配置 把Grafana设置成匿名登录&#xff1a; 允许嵌入&#xff1a; 2.选择自己要分享的图表 3.复制框框内的代码到自己的前端项目 4.浏览

嵌入页面拒绝了我们的连接请求

背景 将Grafana图表使用iframe集成到自己的web项目时出现 ”192.168.79.130 拒绝了我们的连接请求“ 192.168.79.130为虚拟机地址。 原因 Grafana默认不支持嵌入。 解决 修改配置即可。

(图文并茂)深度学习实战(4):从mnist数据集里面提取原始图片数据

(图文并茂)深度学习实战(4)&#xff1a;从mnist数据集里面提取出图片数据 经过上一篇的(图文并茂)深度学习实战(3)&#xff1a;mnist手写体识别案例,我们运行了caffe自带的mnist手写体案例&#xff0c;获得了一个mnist的模型&#xff0c;并且使用这个模型来预测了一下。但是是不…

静态内部类方式保证懒汉式单例的线程安全

public class Singleton {private static class SingletonHolder {public static Singleton instance new Singleton();}private Singleton() {}public static Singleton getInstance() {return SingletonHolder.instance;} }静态内部类方式是怎么实现懒加载的 Java 类的加载过…

Tensorflow模型的保存和加载

刚接触深度学习&#xff0c;Tensorflow模型的保存和加载尚不清楚&#xff0c;根据教程的翻译做一记录&#xff0c;不当之处敬请指正。 原文地址&#xff1a;http://cv-tricks.com/tensorflow-tutorial/save-restore-tensorflow-models-quick-complete-tutorial/ 在本教程中&a…