Vue核心总结
Vue简介
vue是一套用于构建用户界面的渐进式框架,vue的核心库只关注于视图层,也可以结合工具链和各个支持类库使用,提供一套SPA的解决方案。
渐进式如何理解?
Vue的核心库只关注于视图,但这不是说Vue就不能成为一个框架。如下图所示,是尤雨溪在一次会议上阐述渐进式所用到的图示,Vue在声明式渲染(视图模板引擎)的基础上,我们可以添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。这些功能相互独立,你可以在核心功能的基础上任意选用其他的部件,不一定要全部整合在一起。所以,“渐进式”其实就是可以根据你的需求逐步的使用一部分或全部的Vue体系。
imageVue基础用法盘点
1.声明式渲染---模版中插入动态数据,如{{ message }}
2.v-bind:(简写为:)---绑定某元素的属性值
3.v-on:(简写为@)---绑定事件
4.v-model---用于表单元素的数据双向绑定
5.v-if /v-show ---用于显示和隐藏,v-if不渲染,v-show渲染了不展示出来,可以用于频繁切换的场景
6.v-for ---循环遍历展示数组和对象
7.计算属性:
1)使用:为了避免在模版中使用复杂的逻辑,可在computed中定义一个函数,return出计算结果;
2)计算属性vs方法:计算属性基于依赖缓存,依赖不变就不会重新计算,而方法写入模版中每次渲染都需要重新执行一遍。
3)计算属性的setter:计算属性默认只有getter,需要时可以给他添加一个setter;
8.侦听器---监听某个属性变化,并做一些操作,写在watch中,函数名对应为需要监听的属性名,接收两个参数分别为变化后的新值和变化前的旧值;
Vue响应式原理
请查看博客:《Vue响应式原理简析》https://www.jianshu.com/p/c9d042bfd55a
Vue组件化
请查看博客:《Vue组件化》https://www.jianshu.com/p/2b385b805543