超简单的VUE在线调试网站（不需搭建环境）
Posted winniez
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了超简单的VUE在线调试网站（不需搭建环境）相关的知识，希望对你有一定的参考价值。
jsbin.com提供简单、直观、易用的vue调试功能，最大的好处不需要自己搭建环境就可以学习VUE
1、打开http://jsbin.com/joxinumota/edit?html,js,console,output
2、点击“Add library”，直接键入vue，选择vue2.0.3，Html编辑器的<body>区域会自动加入<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
3、紧跟其后输入（手工输入或黏贴）：
<div id="app-4">
<ol>
<li v-for="todo in todos">
{{ todo.text }}
</li>
</ol>
</div>
4、在javascript编辑器中输入：
var app4 = new Vue({
el: ‘#app-4‘,
data: {
todos: [
{ text: ‘学习 JavaScript‘ },
{ text: ‘学习 Vue‘ },
{ text: ‘整个牛项目‘ }
]
}
})
5、output显示：
学习 JavaScript
学习 Vue
整个牛项目
6、在console编辑器中，输入：
app4.todos.push({ text: ‘新项目‘ })
回车，就可以看到output显示增加了一条新的记录：“新项目”
以上是关于超简单的VUE在线调试网站（不需搭建环境）的主要内容，如果未能解决你的问题，请参考以下文章
使用PM2搭建在线vue.js开发环境（以守护进程方式热启动）
Appium+Python3环境搭建，其实超简单！软件测试教程