vue概述:
vue是一套构建用户界面的渐进式框架
渐进式(进件增强)
vue全家桶:vuejs+vue-router+vuex+axios
渐进式的理解:
声明式渲染
组件系统
客户端路由(vue-router)
大规模状态管理(vuex
构建工具(vue-cli)
VUE 的核心
响应的数据变化
当数据发生改变->视图的自动更新(不在需要去操作DOM)
组合的视图组件
UI页面映射为组件树
划分组件可维护、可复用、可测试
MVVM模式(双向绑定)(angular,vue):
M:Model数据模型
V:view 视图模板
VM:view-Model视图模型
vue 安装
1.cdn安装
npm init -y
初始化差生一个packge.json文件,这个文件用来描述项目的依赖
生成一个json文件(不能添加注释)vue安装的兼容性:
Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
案例(HelloWorld):
<div id="app">
<!--moustache 小胡子语法 表达式 赋值 取值 三元运算符-->
{{msg}}
</div>
<script src="引入js文件"></script>
<script>
//引入vue后会白给一个vue构造函数
var vm=new Vue ({ //vm==viewModel
el:"#app", //告诉vue能管理那个部分,querySelector
data:{ //data 中的数据会被vm所代理
msg:"hello" //可以通过vm.msg去到对应的内容
}
}) //Object.defineProperty
</script>转载请注明: Vue教程中文网 - 打造国内领先的vue学习网站-vue视频,vue教程,vue学习,vue培训 » 浅谈vue框架



![778e56e6dce6f6ee691e36bc78ebdc14.jpg ]58}P}2G8BL5~[BFBDCDPV.jpg](/d/file/2018-02-01/778e56e6dce6f6ee691e36bc78ebdc14.jpg)