Angular React Vue 前端三大框架
一个基于JavaScript的渐进式前端框架
1.一个轻量级mvvm框架,双向绑定,数据动态更新,gzip后大小只有20k+
2.渐进式框架,按需加载,数据驱动,组件化的前端开发
3.原生html页面通过js操作dom,而vue。js操作的是数据
4.和传统前端开发关注点完全不同,传统方式关注的是对象的document结构的API,而vue关注得是数据。
5.优点显而易见,从而屏蔽了使用复杂晦涩难记的DOM结构API
Vue是用于构建用户界面的渐进式SPA( Single-Page Applications )单一页面框架。与其它庞大而单一框架不同的是,Vue从一开始就被设计为按需搭建。
- 可以只使用核心vue.js
- 可以只使用核心vue.js + components组件
- 可以只使用核心vue.js + components组件 + router路由
- 可以只使用核心vue.js + components组件 + router路由 + vuex状态管理
- 构建大型vue项目:npm(包依赖) + webpack(打包、压缩、合并等
改造入门案例.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js"></script>
</head>
<body>
<div id="b">
{{msg}}
</div>
<script type="text/javascript">
new Vue({
el:"#b",
data:{
msg:"dd"
}
})
</script>
</body>
</html>