初识Vue1.1.1. 介绍与描述动态构建用户界面的渐进式JavaScript框架 1.1.2. Vue的特点遵循M

1.1.1. 介绍与描述动态构建用户界面的渐进式JavaScript框架

1.1.2. Vue的特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/PC端开发它本身只关注UI，可以引入其它第三方库开发项目

1.1.3.与其他JS框架的关联借鉴 Angular 的模板和数据绑定技术借鉴 React 的组件化和虚拟DOM技术

1.1.4. Vue周边库 vue-cli：vue脚手架 vue-resource axios vue-router：路由 vuex：状态管理 element-ui：基于vue的UI组件库（PC端）

1.1.4下面通过一个简单的小项目向大家介绍Vue的使用：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初识Vue</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <!--
        初识Vue：
        1.想让Vue工作就必须创建一个Vue实例，而且要传入一个配对象；
        2.root容器里面的代码依然符合html规范，只不过混入了一些特殊的Vue语法；
        3.root容器里面的代码被称为Vue模板
        一个Vue实例只能对应一个容器。（真实开发中只有一个Vue实例）
    -->
    <div id="root">
        <h1>Hello,{{name}};{{1>2}}</h1>
        <h1>{{1+5}}</h1>
    </div>
    <script type="text/javascript">
        Vue.config.productionTip=false//组织Vue在启动时生成代码提示
        //创建Vue实例
       new Vue({
        el:'#root',//el用于指定当前Vue实例为哪个容器服务。通常为css选择器字符串。
        data:{//data中用于存储数据，数据提供给el所指定的容器去使用。值我们展示先写成一个对象。
            name:'尚硅谷'
        },
       })
    </script>
</body>
</html>

这里面的el:'#root'就表示我们的这个Vue实例对象就是专门为我们的这个id为#root的这个标签里面里面的内容提供的

Vue实例中的data里面的数据可以在对应的标签内使用。