Vue通俗概念理解

一.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销毁后