- 博客(9)
- 收藏
- 关注
RSS订阅原创 水平垂直居中的实现
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title.
2022-04-10 00:18:09
91
原创 props / $emit实现组件通信
父组件通过props向子组件传递数据，子组件通过$emit和父组件通信1. 父组件向子组件传值props只能是父组件向子组件进行传值，props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件不断更新。 props可以显示定义一个或一个以上的数据，对于接收的数据，可以是各种数据类型，同样也可以传递一个函数。 props属性名规则：若在props中使用驼峰形式，模板中需要使用短横线的形式2. 子组件向父组件传值$emit绑定一个自定义事件，当这个事件被执行的时就会将参数传..
2022-01-05 00:02:08
215
原创 v-if与v-show比较
什么时候元素被渲染 v-if)如果在初始条件为假，则什么也不做，每当条件为真时，都会重新渲染条件元素 v-show不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换 使用场景选择 v-if有更高的切换开销， v-show有更高的初始渲染开销。 因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行后条件很少改变，则使用 v-if 较好。示例如下：<script src="./node_modules/vue/dist/vue..
2021-12-30 22:33:51
229
原创 vue事件修饰符
1.once：设置事件只能触发一次2.stop：阻止事件冒泡3.capture：捕获冒泡，即有冒泡发生时，有该修饰符的dom元素会先执行，如果有多个，从外到内依次执行，然后再按自然顺序执行触发的事件。4.self：将事件绑定到自身，只有自身才能触发5.prevent：阻止默认事件的发生<template> <div @click="div" class="green"> <button @click="btn">无事件修饰符</but
2021-12-30 22:21:33
317
原创 v-bind绑定class的用法(三种)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-08-08 13:54:04
447
原创 NodeJs中使用readFile()方法读取文件内容如何将其变为字符串类型
两种方法将读取的文件内容转换为字符串类型：data.toString()或readFile('./','utf8',function(err,data){}转换为字符串类型前：var fs = require('fs');fs.readFile('./a.txt',function(error,data){ if(error){ console.log('error'); }else{ console.log(data); }})运行
2021-08-07 10:49:14
5026
原创 在使用自定义模块时，如何导出属性、对象、方法？
exports 相当于一个对象中的一个属性，使用时可以不使用原对象，直接可以使用exports。可以添加属性、方法等，无法替换对象。module.exports 可以用其他对象替换，用于自定义模块传递对象。exports返回的是模块函数、属性，module.exports返回的是模块对象。示例如下：用exports.属性/方法获得属性或方法var demo = require('./demo.js');//自定义模块console.log(demo.str);//打印属性console
2021-08-06 12:09:33
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人