Vue介绍
vue
it书童
2019-10-04 20:13:04
0赞
0踩
1396阅读
0评论
前端开发历史简介
在上古时代,前端与后端是不分家的,前后端代码也是不分离的,写一个网站,就是用在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>
- 上一篇: 第一个vue实例与MVVM
- 下一篇: vue-cli构建一个项目

关于我
一个文科出身的程序员,追求做个有趣的人,传播有价值的知识,微信公众号主要分享读书思考心得,不会有代码类文章,非程序员的同学请放心订阅
转载须注明出处:https://www.itshutong.com/articles/219/vue-introduction
精品付费
这一次,真正掌握composer
2679
0
个人开发者通过payjs接入微信支付
4929
0
相关推荐
vue基础指令 v-once和v-pre
1149
0
Vue的生命周期
1105
0
模板语法-插值
1070
0
vue 构建 todo 项目系列 2
1185
0
vue 方法、计算属性和侦听器
1026
0
vue 组件参数校验与非 props 特性
1207
0
vue 中的作用域插槽
1138
0
多个元素或组件的过渡
1068
0
vue 引入 g2plot
5129
0
vue 中 $listeners 修改祖组件值
1045
0