Vue介绍 - it书童

前端开发历史简介

在上古时代，前端与后端是不分家的，前后端代码也是不分离的，写一个网站，就是用在php文件中混杂着sql语句，拼接着html代码，如同韭菜馅一般稀里糊涂，反正最终能渲染出页面即可。从某个意义上讲，上古时代的程序员都属于全栈程序员。

到了近现代，前后端开始分离了，毕竟web2.0时代到来了，前端显得越来越重要，那些酷炫的效果虽然没什么用，但看起来很厉害的样子。此时开发网站已经有了成熟的流程：

由产品经理确定需求，设计出效果图，前端写静态页面，后端写业务逻辑，输出数据到前端页面。此阶段，后端人员属于c位，前端人员依然属于被忽视的群体，收入也比不上后端

而今，前端人员如同翻身农奴，已经有了成熟的前端开发体系，不再是只做切图，写静态模板页面这些边角料的工作。而是如同后端开发一样有完整的生态体系，而且复杂度并不亚于后端，收入自然也水涨船高。

而我们接下来要接触的vue，就属于现代化的前端框架，如果你以前对于前端的认识仅局限于用jquery操作dom，那么vue将颠覆你的三观，在学的过程中会不断地感慨：“卧槽，还可以这么玩？”

Vue 介绍

Vue 是一套用于构建用户界面的 渐进式框架。

注意：Vue是一个框架，相对于 jq 库来说，是由本质区别的；

Vue不支持IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。如果你所在的公司还要求兼容ie8，甚至是ie6，那么真可以考虑换工作了。

别人都在开飞机了，你还在研究怎么推独轮车？

Vue 初体验

直接下载引入：https://cn.vuejs.org/v2/guide/installation.html

CDN 引入：

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>

CDN 加速： https://www.bootcdn.cn/

<body>
    <div id="div">
        {{user_name}}
    </div>
</body>

// 两种引入方式，任意选择
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script src="./vue.js"></script>

<script>
    var app = new Vue({
        el:'#div',  // 设置要操作的元素
        // 要替换的额数据
        data:{
            user_name:'我是一个div' 
        }
    })
</script>