当前位置 知且行 大前端 Vue介绍 下一篇:

Vue介绍

前端开发历史简介

在上古时代,前端与后端是不分家的,前后端代码也是不分离的,写一个网站,就是用在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>
转载必须注明出处:https://www.zhiqiexing.com/117.html

关于我

我希望能成为一个认真、有趣、创造更多价值的人
关注微信
微信扫一扫关注我

微信扫一扫关注我

返回顶部