一.Vue的概念:
当你需要构建一个网页,让它可以随着用户的操作而改变状态时,Vue就像是一把神奇的魔杖,可以轻松帮你实现这些交互成果,它可以让你你的网页变得更有活力,更加容易理解和管理。
二.Vue 常用指令
指令:HTML 标签上带有 v- 前缀的特殊属性,不同指令具有不同含义。例如:v-if,v-for.
常用指令:
①v-bind v-model:为HTML标签绑定属性值,如设置href,css样式等。
②v-on:在表单元素上创建双向数据绑定。
③v-if:条件性的渲染某元素,判定为true时渲染,否则不渲染
④v-else:条件性的渲染某元素,判定为true时渲染,否则不渲染
⑤v-else-if:条件性的渲染某元素,判定为true时渲染,否则不渲染
⑥v-show:根据条件展示某元素,区别在于切换的是display属性的值
⑦v-for:列表渲染,遍历容器的元素或者对象的属性。
三.生命周期的八个阶段:
每触发一个生命周期事件,会自动执行一个生命周期方法:
- beforeCreate创建前
- created创建后
- beforeMount载入前
- mounted挂载完成
- beforeUpdate更新前
- updated更新后
- beforeDestroy销毁前
- destroyed销毁后