vue初级 总结
mvvm m:代表 data v 代表 view vm 代表 Vue 的实例
v-cloak 指令 解决闪烁的问题 需要在 style 标签中加入 [v-cloak];{ display:none }
v-bind 指令 绑定属性 简写 :
v-on 指令 绑定事件 简写 @ 指定的函数带() 表示可以传参,也可以不带
v-on.shop 阻止事件冒泡 v-on.prevent 阻止事件默认行为
v-html 指令 将数据渲染到页面上,并解析了标签
{{}} 指令 等同于 v-text 将数据渲染到页面上,但是不解析标签
v-model 指令 数据的双向绑定
v-for 指令 对数据进行遍历 注意使用 :key='唯一的类型' 牵扯到 diff 算法
v-if 指令 是否将数据显示到页面上,节点操作
v-show 指令 是否将数据显示到页面上,display:none / block 操作
@keyup.enter 指令 enter 键抬起的 可以使用 键码
| 管道符
过滤器 Vue.filter
自定义指令 Vue.directive
组件 Vue.component
计算属性 Vue.computed
监听器 watch
props 子组件获取父组件的数据
ref 父组件获取子组件的数据
this.$nextTick() 生命周期最后执行的函数
Object.definePropery() 对象属性的操作 Object.getOwnPropertyDescriptor() 返回关于对象属性的描述 这两个配合使用
生命周期
beforeCreate() 在 beforeCreate 生命周期执行的时候,data 和 methods 都还没初始化
created() data 和 methods 都已经被初始化好了
beforeMount() 表示模板在内存中编译完成了,但是尚未把模板渲染到页面上来
mounted() 表示将模板挂载到页面上了,用户已经可以看到渲染好的页面
beforeUpdate() 表示数据更新了,页面还没更新
updated() 表示数据 和 页面都更新了
beforeDestroy() 表示,Vue 实例从运行阶段,到快要销毁的阶段,指令,模板还处在可用的状态
destroyed() 组件被销毁,指令,模板都已经不可用了
最新文章
- 1208PHP语句
- linux-磁盘空间(du-df)
- python splinter
- 烂泥:ubuntu下配置msmtp+mutt发送邮件
- 第二章 C#基本数据类型
- 移动WEB 性能优化方案
- python对真假的判断方式
- 富文本编辑器ckeditor继承
- Hibernate Mapping Exception:-9
- Do you know how many stuff inside your Google Account?
- Matlab 多项式拟合、稳健滤波等实用函数
- 极大似然估计(MLE)
- 读《Linux内核设计与实现》我想到了这些书
- cannot import name '_imaging' 与No module named PIL解决方法
- Centos7 初始化硬盘分区、挂载
- MySQL各类SQL语句的加锁机制
- 获取列表的索引操作:enumerate
- Leetcode 371.两整数之和 By Python
- 对寄存器ESP和EBP的一些理解
- ruby中nil?, empty? and blank?的选择
热门文章
- Python(os和sys)理解
- 3.(基础)tornado的接口调用顺序与模板
- SpringBoot布道系列 | 目录汇总 | 2019持续更新ing
- DP问题练习1:数字三角最短路径问题
- 【vuex状态管理】使用步骤
- Codeforces 837E Vasya's Function 数论 找规律
- 对比MySQL,你究竟在什么时候更需要MongoDB(转载)
- ES修改最大分页数
- Lettuce连接池——解决“MXBean already registered with name org.apache.commons.pool2:type=GenericObjectPool,name=pool”
- python 3 与python 2连接mongoDB的区别