下面就是一个简单的实例，通过在script里面new出来一个Vue对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue实例</title> <script src="./vue.js"></script> </head> <body> <div id="root"> </div> <script> var app = new Vue({ /实例属性/// }) </script> </body> </html>接下来我们需要让这个实例去接管页面上的某一部分dom的渲染
意思是el负责接管这个dom的最外层标签，上面的列子里面el是‘#root’，它的意思是接管上面的id为root的div标签
data标签 data: { list: [], inputValue: '' },存放的都是一些数据，比如上面的inputValue，就可以在接管的div里面通过{{}}插值表达式来调用
methods标签 用来存放一些对象使用的方法 methods: { handleBtnClick: function () { this.list.push(this.inputValue) this.inputValue = '' }, handleItemDelete: function (index) { this.list.splice(index, 1) } }注：每个组件也是一个vue的实例
