Javascript 实现一个Vue.js组件，以便将元素定义为

将呈现如下效果：

<labeledinput id="username">Username: </labeledinput>

我知道这是一个非常愚蠢的问题。但我无法理解Vue.js的概念

---

谢谢，

创建组件更简单的方法是：

文件 用户名 用户名为{{Username} Vue.组件“标签输入”{ 道具：['value']， 模板：` `, }; 新Vue{ el:“应用程序”， 资料{ 返回{ 用户名：， }; }, };

---

@阿努拉格，谢谢你的回答。如何将“用户名”作为子项添加？如何使用插槽？喜欢this@wdev733我更新了我的答案。你在找吗？

<div><label for="username">Username: </label><input type="text" id="username"></div>

  <div id="app">
    <labeledinput id="username">Username: </labeledinput>
  </div>
  <script>  
    var vm = new Vue({
      el: '#app'
    });
    
    // Example case
    console.log(document.getElementById("app").innerHTML);
  </script>