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

<div id="app">
       <base-layout>
           
           <template v-slot:header>
               <h1>Here might be a page title</h1>
           </template>

<p>A paragraph for the main content.</p>
           <p>And another one.</p>

<template v-slot:footer>
               <p>Here's some contact info</p>
           </template>
       </base-layout>
   </div>

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

</body>
</html>

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

更多工具

自动执行

代码编辑区

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

预览效果

选择模板

选择库和版本

库

版本

文件