初体验
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><!--1.引入vue.js文件--><script src="http://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<!--2.指定区域,该区域的内容希望由vue.js来接管-->
<div id="app"><h1>欢迎学习vue.js</h1><div>我叫{{name}},我是{{kind}}</div><input type="button" value="点我" v-on:click="clickMe">
</div>
<script>//创建vue对象,并关联相关区域var app=new Vue({el:'#app',data:{name:'man',kind:'student'},methods:{clickMe:function(){this.name="alex";this.kind="teacher";}}})
</script>
</body>
</html>
基础