本文详细介绍了Vue中的过滤器，包括全局和私有定义，以及它们在文本格式化中的应用。同时，文章讲解了键盘修饰符的使用，如监听特定按键事件，并提到了自定义指令的定义及其生命周期钩子。此外，还补充了JavaScript中的实用方法和运算技巧。
目录
操作 DOM 与使用 VUE 思想的转换
谨记：数据驱动视图
昨日回顾
1、什么是vue
渐进式框架、轻量级（上手难度低）
vue的两个核心理念 数据驱动视图 组件式开发
anugular.js 核心理念：all in js
渐进式？逐渐进入项目的方式
2、为什么学习流行框架？
减少开发时间
减少不必要的dom操作
3、框架和库的区别
框架：提供一套完整的解决方案，对项目入侵较大
库：对项目入侵较小，但是无法完成某些需求
4、MVC & MVVM
MVC后端分层开发理念 模型层（与数据库打交道）、视图层（与用户打交道）、调度层
MVVM 前端分层开发理念 V界面展示 M数据（数据量小的多） VM（调度）
5、vue的代码结构
6、插值表达式、v-cloak、v-text、v-html
7、v-bind、v-on
8、事件修饰符
放在时间类型后面
9、v-model 数据双向绑定
数据、视图双向
10、vue样式的使用
class
- 数组
- 三木表达式
- 数组内置对象（对象的键是样式的名字，值是Boolean类型）
- 直接通过对象
style
- 直接在元素上通过 :style 的形式，书写样式对象
- 将样式对象，定义到 data 中，并直接引用到 :style 中
- 在 :style 中通过数组，引用多个 data 上的样式对象
11、v-for key
key：提高重排（重新排布）效率
12、v-if v-show的区别
a) 区别：
i. v-if删除dom元素 来控制dom元素的显示和隐藏 （搭档：v-else v-else-if）
ii. v-show设置display:none 来控制dom元素的显示和隐藏
b) 应用场景：
i. v-if只修改一次的时候可以使用v-if
ii. v-show频繁切换的时候可以使用v-show
今日知识
1、品牌管理案例
实现功能：实现品牌的增删改查等功能
用到的外部文件：Bootstrap、vue
要实现的效果：
代码实现：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" con
最低0.47元/天 解锁文章
扫一扫
200
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
