Vue 概念
Vue的概念:是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。
Vue 的特点
1、 体积小,压缩后仅33k
2、 更高的运行效率 操作的是虚拟的dom树,预处理 相对于js操作真实的dom运行更快速
3、 MVVM 模式 数据的双向绑定
4、 市场上拥有大量成熟、稳定的基于Vue的ui框架 、常用组件 拿来即用实现快速开发
Vue.js官方网址: cn.vuejs.org/
Vue 的十大常用指令
1、v-on 添加一个事件监听器 v-on:click="" 可以简写为 @click=""
2、v-bind 属性渲染
3、v-if 决定一个元素是否显示隐藏 直接注销掉 比较稳定使用后直接注销掉
4、v-for 循环遍历一个数组
5、v-model 能轻松实现表单输入和应用状态之间的双向绑定。
6、v-text 翻译文本 标签会当做文本翻译
7、v-html 翻译文本标签
8、v-once 只渲染一次
9、v-show 显示/隐藏 display:none 频繁使用显示隐藏的时候用v-show
10、v-else
Vue的四个常用选项
1、filter 过滤器
2、computed 计算属性
3、methods 方法
4、watch 监听器
Vue 八大生命周期
1、创建之前 beforeCreated
2、创建 created
3、挂载之前 beforeMouted
4、挂载 mouted
5、更新之前 beforeUpdate
6、更新完成 updated
7、销毁之前 beforeDestroy
8、销毁完成 destroyed
Vue中的MVVM模式
MVVM模式又可以称之为Vue的双向绑定,是Model–View–ViewModel 的简称
双向绑定,即Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新
数据变化更新视图,视图变化更新数据
今天的Vue知识就分享到这里,更多详细内容请看下回分解!
编写不易,点赞是一种积极的生活态度,赞一个吧!