vue 四 babel工具和vue介绍安装

Babel是解析我们es6的代码的，为什么要用它呢，因为对于一些ie浏览器，甚至FF浏览器，低版本的还不能识别我们的es6代码，那么vue里面好多还让我们去写es6的代码，这个时候我们就可以用babel这个工具将我们的es6的代码转译成浏览器能识别的代码

模块化

在前端中一个js文件就是一个模块，在js中没有模块化的概念。

目前有四种模块化的方法

1.Commonjs 

2.AMD

3.CMD

4.ES6Module

es6Module 支持import和export。跟python的import很像。但它必须在服务器环境下才支持，或者我们可能通过webpack的babel-loader将es6支持转化成es6的语言。

在这里就不给大家演示，大家了解一下即可。后面咱们使用vue开启项目之后，一使用，自然而然就明白了。

=============================================================================================================================

在前端框架技术中有三大框架：

Angularjs：谷歌公司生产

React：Facebook公司

Vue:尤雨溪作者

一、安装

对于新手来说，强烈建议大家使用<script>引入

二、 引入vue.js文件

我们能发现，引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。

三、使用Vue实例化对象

1.创建vue实例对象,基本使用方法

<div id="app">
  {{ msg }}
</div>
<script type="text/javascript" src='./vue/dist/vue.js'></script>
<script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data:{msg:'hello'} 
    })
 data中存储的就是我们的数据属性。