什么是vue
vue是一套用于快捷开发前端应用的框架,它的特点用于构建用户界面的前端渐进式框架,采用自底向上的逐层应用,只关于视图层,技术简单易于上手。
vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom
vue的优点
- 轻量级框架 简单易学
- 双向数据绑定、组件化
- 数据和结构的分离
- 虚拟DOM
- 运行速度快。
vue的缺点
- vue不支持IE8
vue常用指令
v-once
- v-once只编译一次,显示内容之后不在具有响应式功能,可以提高性能。
- 使用场景:如果显示的信息后续不需要修改,可以使用v-once,这样可以提高性能
v-if
- v-if后面的是一个表达式或者也可以是返回true或false的表达式。
- 且值为true和fasle false的话就会被注释
v-else
- 必须和v-if一起用才可以 不能单独用 而且必须在v-if下面 中间有别的标签也会报错
- 使用场景
v-show
- v-show和v-if一样
- v-show是给一个display:none的属性 让它不显示! true就正常显示。
v-show和v-if的区别
- v-if 是真实的条件渲染,v-show 则只是简单地基于 CSS 切换。
- v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。
v-for
- 列表渲染指令,遍历循环集合数据,如数组中的多项数据
- 数据类型可以是 Array | Object | number | string
v-html
- 一个标签加了v-html 里面包含的标签都会被覆盖
- 注意v-html要慎用 因为会出现安全问题 官网解释为:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值,绝不要对用户提供的内容使用插值。
v-text
- 给一个标签加了v-text 会覆盖标签内部原先的内容
v-model
- v-model可以实现表单元素和数据的双向绑定
2.
v-on
- v-on指令是事件绑定指令
- 当用户需要点击,按下键盘,滚动鼠标等操作时,想要添加一些自己的逻辑处理时,就可以为特定的元素绑定一些特定的事件。
总结
- 总结了vue的优点以及缺点
- vue常用的一些指令
- 再见!