在线代码编辑器-开发工具-核心编程

<div id="app">
       
       <current-user v-bind:user="user"></current-user>
       
       <current-user v-bind:user="user">
           
           <template v-slot:default="slotProps">
               {{ slotProps.user.firstName }}
           </template>
       </current-user>
   </div>

var app = new Vue({
           el: "#app",
           data: {
               user: {
                   firstName: "张",
                   lastName: "山"
               }
           }
       });
   </script>

</body>
</html>

在线代码编辑器 HTML / CSS / JavaScript 实时预览

更多工具

自动执行

代码编辑区

字符数: 0 提示: 输入完整的 HTML 代码，需包含 DOCTYPE 声明与 html 根标签

预览效果

选择模板

选择库和版本

库

版本

文件