1、VUE初识
2022-04-01 11:34:29 1 举报AI智能生成
vue2.0学习笔记
作者其他创作
大纲/内容
VUE 基础概念
Vue (读音/vju:/, 类似于 view ) 是一套用于<b><font color="#16884a">构建用户界面的</font><font color="#c41230">渐进式框架</font></b>
渐进式框架
类库或者<b><font color="#c41230">框架都是重量级的</font></b>，里面<b><font color="#c41230">包含很多方法</font></b>，但是实际项目开发中，我们用不到这么多东西
所以在<b><font color="#c41230">开发</font></b>他们<b><font color="#c41230">的时候</font></b>，会把<b><font color="#16884a">功能按照模块进行单独开发</font></b>，<b><font color="#c41230">使用者可根据自身情况选择一个模块一个模块的导入使用</font></b><br>
VUE 全家桶
vue + components (vue element / iview......) + vue-router + vuex + vue-cli
VUE 基础模块
包含
基础语法、核心实现、组件开发、相关指令等都在这里<br>
vue-router<br>
构建SPA单页面应用的路由<br>
vuex<br>
公共状态管理<br>
vue-cli<br>
vue脚手架<br>
components<br>
vue element<br>
iview<br>
vux<br>
...<br>
......
VUE 特点<br>
易用
灵活
高效
开发思想
<ul><li>传统操作 DOM 模式<br></li></ul>
<ul><li>MVC<br></li></ul>
model view controller
MVC是<b><font color="#c41230">单向数据绑定</font></b>，<b><font color="#16884a">数据更改可以渲染视图，但是视图更改没有更改数据</font></b>
REACT<br>
需要我们<b><font color="#0076b3">自己在控制层基于change事件实现数据的更改</font></b><br>
<ul><li>MVVM<br></li></ul>
model view viewModel
VUE
<b><font color="#c41230">MVVM是双向数据绑定的</font></b>：VUE本身实现了<b><font color="#c41230">数据和视图</font></b>的<b><font color="#c41230">相互监听影响</font></b>
VUE 的 MVVM思想
<b><font color="#c41230">MVVM是双向数据绑定的</font></b>：VUE本身实现了<b><font color="#c41230">数据和视图</font></b>的<b><font color="#c41230">相互监听影响</font></b>
m
model
数据层
v
view
视图层
vm
viewModel
数据和视图的监听层
<b><font color="#c41230">当数据或者视图发生改变，VM层会监听到</font></b><br>
同时<b><font color="#c41230">把对应的另外一层也跟着改变</font></b>或者重新渲染<br>
例如
数据层改变
vm会帮我们重新渲染视图
视图层改变
vm也会帮我们把数据重新更改<br>
0 条评论
下一页
为你推荐
查看更多
