1、无需废话，直接上代码
复制到新建的记事本文件，保存问demo.html即可。
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>欢迎系统</title>
</head><body align="center"><br><br><br><br><br><br><br><br><div id="app">请录入姓名：<input type="text" v-model="word"><p>你好：{{word}}！</p><button v-on:click="change">复原</button>
</div></body>
</html>
<script>var vm = new Vue({el: '#app',data: {word: '老铁'},methods: {change: function() {this.word = '老铁们';}}});
</script>2、展示效果，文本框录入姓名，页面自动展示欢迎该人
点击【复原】按钮，消息回复默认值。
