<template> <div id=“app”>讯享网<son-com> <span style="color: rgba(255, 0, 0, 1)"><!-- 必须用template标签包裹,val为自定义的属性值,接收到的是一个对象 --></span> <strong><template <span style="color: rgba(255, 0, 0, 1)">scope="val"</span>></strong> <span style="color: rgba(255, 0, 0, 1)"> <!--msg为子组件的自定义属性 --></span> <div><strong>{{val.msg}}</strong></div> <span style="color: rgba(255, 0, 0, 1)"><!--将son-com组件当标签使用,必须都写在template中,否则,不会显示 --></span> <div <span style="color: rgba(0, 0, 255, 1)">class</span>=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">con</span><span style="color: rgba(128, 0, 0, 1)">"</span>><span style="color: rgba(0, 0, 0, 1)"> 这是我用slot插槽显示的值 </span></div> <strong> </template></strong> </son-com></div> </template>
讯享网<script> import son from “https://www.cnblogs.com/SRH/components/son”; export default { components: {</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">son-com</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">: son}, data () {讯享网</span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> { }} } </script><style> </style>
讯享网


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/203086.html