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框架