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


 

相关推荐

  1. Vue通俗概念理解

    2024-04-25 03:26:03       38 阅读
  2. VUE中一些概念理解

    2024-04-25 03:26:03       54 阅读
  3. 深入理解 Vue 3 组件通信

    2024-04-25 03:26:03       26 阅读
  4. VPN 服务器通俗理解

    2024-04-25 03:26:03       37 阅读
  5. erp项目基本概念理解

    2024-04-25 03:26:03       50 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-25 03:26:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-25 03:26:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-25 03:26:03       82 阅读
  4. Python语言-面向对象

    2024-04-25 03:26:03       91 阅读

热门阅读

  1. InfluxDB v1.8

    2024-04-25 03:26:03       37 阅读
  2. 2024 极术通讯-生成式AI的发展现状与未来趋势

    2024-04-25 03:26:03       35 阅读
  3. 数据结构与算法-砖墙问题

    2024-04-25 03:26:03       37 阅读
  4. vivado 通过修改调试核 (ILA) 来进行增量编译

    2024-04-25 03:26:03       32 阅读
  5. UE5 android package

    2024-04-25 03:26:03       35 阅读
  6. Python_偏函数

    2024-04-25 03:26:03       33 阅读