【Vue】1：第一个Vue程序

      【说明】IDEA可以安装Vue的插件!
        注意：Vue不支持IE 8及以下版本， 因为Vue使用了IE 8无法模拟的ECMAScript 5特性。但它支持所有兼容ECMAScript 5的浏览器。

下载地址

• 开发版本
  •   包含完整的警告和调试模式：https：//yuejs.org/js/vue.js
  •   删除了警告， 30.96KB min+gzip：https：//vuejs.org/js/vue.min.js
• CDN

代码编写

Vue.js的核心是实现了MVVM模式， 她扮演的角色就是View Model层， 那么所谓的第一个应用程序就是展示她的数据绑定功能，操作流程如下：

1、创建一个HTML文件

2、引入Vue.js

3、创建一个Vue实例

说明：

• el: '#vue'：绑定元素的ID
• data:{message:'Hello Vue!'}：数据对象中有一个名为message的属性，并设置了初始值 Hello Vue！

4、将数据绑定到页面元素

    {{message}}

（3）完整的HTML

    
    






    {{message}}

（4）测试

为了能够更直观的体验Vue带来的数据绑定功能， 我们需要在浏览器测试一番， 操作流程如下：
1、在浏览器上运行第一个Vue应用程序， 进入开发者工具
2、在控制台输入vm.message=‘HelloWorld’， 然后回车， 你会发现浏览器中显示的内容会直接变成HelloWorld
此时就可以在控制台直接输入vm.message来修改值， 中间是可以省略data的， 在这个操作中， 我并没有主动操作DOM， 就让页面的内容发生了变化， 这就是借助了Vue的数据绑定功能实现的； MV VM模式中要求View Model层就是使用观察者模式来实现数据的监听与绑定， 以做到数据与视图的快速响应。