1stzz1 - 博客园

2023年10月8日

摘要： Vue的生命周期：一个Vue实例从创建到销毁的整个过程生命周期四个阶段：创建、挂载、更新、销毁 ①创建阶段：初始化工作，进行数据的响应式处理，把普通数据变成响应式数据（数据变，视图跟着变） ②挂载阶段：渲染模板。结合数据与模板进行渲染 ③更新阶段：用户可以通过页面上的按钮等修改数据。数阅读全文

posted @ 2023-10-08 15:59 1stzz1 阅读(43) 评论(0) 推荐(0)

v-model

摘要： 1. 作用：给表单元素使用，形成双向数据绑定，可以快速获取或设置表单元素内容，v-model会根据控件类型的不同自动选取正确的方法来更新元素。（常见的表单元素有 input:text输入框、textarea文本域、radio单选框、checkbox复选框、select下拉菜单等等）阅读全文

posted @ 2023-10-08 12:41 1stzz1 阅读(127) 评论(0) 推荐(0)

2023年10月7日

v-for

摘要： 1. 作用：基于数据循环，多次渲染整个元素（可以遍历数组、对象、数字 ......） 2. 遍历数组语法：v-for = "(item, index) in 数组名" （item：遍历时的每一项；index：遍历时的下标）如果不需要下标，则可以简写：v-for = "item in 数组名" e 阅读全文

posted @ 2023-10-07 21:45 1stzz1 阅读(75) 评论(0) 推荐(0)

v-bind

摘要： 1. 作用：动态设置 html 的标签属性（eg：src、url、title ......） 2. 语法：v-bind : 属性名 = "表达式" 或 : 属性名 = "表达式"（简写形式） 3. 例子： new Vue 的 data 里面定义一个变量 imgUrl : './imgs/10-01. 阅读全文

posted @ 2023-10-07 21:13 1stzz1 阅读(25) 评论(0) 推荐(0)

v-on

摘要： 1. v-on 作用：注册事件（注册事件 = 添加监听 + 提供处理逻辑） 2. 语法： ① v-on : 事件名 = "内联语句" eg：<button v-on:click="count++"> 点我加一 </button> ② v-on : 事件名 = "methods中的函数名" 或 v-o 阅读全文

posted @ 2023-10-07 21:01 1stzz1 阅读(48) 评论(0) 推荐(0)

v-else、v-else-if

摘要： v-else 、 v-else-if 作用：都是辅助 v-if 进行判断渲染的。语法：v-else：后面不需要跟任何表达式，直接表示的是：否则； v-else-if ：v-else-if = "表达式" true则渲染注意：v-else 或 v-else-if 都需要紧挨着 v-if 一起使用阅读全文

posted @ 2023-10-07 20:20 1stzz1 阅读(60) 评论(0) 推荐(0)

v-show 与 v-if 的区别

摘要： v-show ： 1.作用：控制元素显示隐藏 2.语法：v-show = "表达式" 表达式值为 true 则显示， false 则隐藏 3.底层原理：切换 css 的 display: none 来控制显示隐藏 4.使用场景：频繁切换显示隐藏的场景 v-if ： 1.作用：控制元素显示隐藏（条件渲阅读全文

posted @ 2023-10-07 19:45 1stzz1 阅读(64) 评论(0) 推荐(0)

公告