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

<div id="app">
       <h1>
           count: {{ count }}
           <button v-on:click="incrParent">count++</button>
       </h1>
       <my-component my-title="Hello Vue.js"
           v-bind:my-count="count"></my-component>
   </div>

var app = new Vue({
           el: "#app",
           data: {
               count: 1024
           },
           methods: {
               incrParent: function(){
                   this.count += 1;
               }
           }
       });
   </script>

</body>
</html>

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

更多工具

自动执行

代码编辑区

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

预览效果

选择模板

选择库和版本

库

版本

文件