摘要: 1、querySelector() 注意:querySelector()方法括号中的值是元素的选择器,此方法直接返回DOM对象本身。 document.querySelector('选择器') 2、querySelectorAll() 注意:querySelector()和querySelector 阅读全文
posted @ 2022-05-12 21:04 仙女会长高 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 什么是生命周期 每个 Vue 实例在被创建时都要经过一系列的初始化过程,例如需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。 beforeCreate:是第一个生命周期函数 阅读全文
posted @ 2022-05-12 20:37 仙女会长高 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 1. property 组件的 data 选项是一个函数,返回一个对象,对象的属性可以在模板中使用。 <template> <div class="hello"> <div>{{test}}</div> </div> </template> <script> export default { $da 阅读全文
posted @ 2022-05-12 19:58 仙女会长高 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 1.v-show指令的作用是:根据切换元素的显示状态2.原理是修改元素 的display,实现显示隐藏3.指令后面的内容,最终都会解析为布尔值4.值为true元素显示,值为false元素隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文
posted @ 2022-05-12 19:54 仙女会长高 阅读(10411) 评论(0) 推荐(1) 编辑
摘要: v-if指令用于条件性地渲染一块内容,这块内容只会在指令的表达式返回truth值的时候被渲染。 v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面,否则它将不会被识别。 用法: <div id="app"> <section v-if="isShow"> <!-- is 阅读全文
posted @ 2022-05-11 22:53 仙女会长高 阅读(812) 评论(0) 推荐(0) 编辑
摘要: 同步,可以理解为在执行完一个函数或方法之后,一直等待系统返回值或消息,这时程序是出于阻塞的,只有接收到返回的值或消息后才往下执行其他的命令。 异步,执行完函数或方法后,不必阻塞性地等待返回值或消息,只需要向系统委托一个异步过程,那么当系统接收到返回值或消息时,系统会自动触发委托的异步过程,从而完成一 阅读全文
posted @ 2022-05-11 20:51 仙女会长高 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 首先看这两个词的意思 created:已创建 mounted:已挂载 生命周期是否获取dom节点是否获取data是否获取methods beforeCreate 否 否 否 created 否 是 是 beforeMount 否 是 是 mounted 是 是 是 从表格中可以看出: created 阅读全文
posted @ 2022-05-10 22:20 仙女会长高 阅读(941) 评论(0) 推荐(0) 编辑
摘要: 一、props props:用来接收父组件传递的数据,可以是数组,也可以是对象 props是在子组件里面写的,其值为一个数组,即props:[keyName]。其中的keyName是要传递的参数,但它是如何绑定到父组件的数据呢?在父组件里面用到子组件的时候,就在父组件文件中的子组件标签里面进行绑定k 阅读全文
posted @ 2022-05-09 22:19 仙女会长高 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 一、v-for遍历对象 语法: v-for="(value, key, index) in obj" :key="index" 二、v-for遍历数组 语法: v-for="(item, index) in arr" :key="index" 三、v-for嵌套遍历 阅读全文
posted @ 2022-05-08 22:03 仙女会长高 阅读(849) 评论(0) 推荐(0) 编辑
摘要: v-model和v-bind都是数据绑定的方式 v-model v-model用在表单控件上,用于实现数据的双向绑定,用在除表单控件以外的标签没有任何效果。 例: <input v-model="name"> v-bind v-bind被称为单向绑定,意味着可以通过更改有界数据来更改输入值,但不能通 阅读全文
posted @ 2022-05-08 21:37 仙女会长高 阅读(897) 评论(0) 推荐(0) 编辑