06 2021 档案
摘要：执行npm install -g @vue/cli来安装vue3的cli时，出现了这个错误(太长了，具体执行到npm install joi时开始报错)： npm ERR! gyp ERR! not ok 我本身配置的是淘宝的镜像源，但是还是安装失败了，也试过用梯子+官方仓库，还是不行， 最后使用了
阅读全文
摘要：我使用的时HBuilderX创建的vue-cli(2.6.x)的项目模板。 首先，安装 babel-plugin-component： npm install babel-plugin-component -D 然后，将 babel.config.js修改为： module.exports = {
阅读全文
摘要：显示效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：使用v-for，同时指定key(用v-bind绑定) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
阅读全文
摘要：v-if和v-show v-if是不渲染，而v-show是设置display:none <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=
阅读全文
摘要：name1改变时，同时改变name2；name2改变时，同时改变name1 使用watch实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：双大括号，强制数据绑定，绑定事件监听 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：在页面加载时弹出提示框 效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp
阅读全文
摘要：数组扁平化 1.使用arr.flat() const arr = [1,[2,[3,[4,5]]], 6] const res = arr.flat(Infinity) 2.使用正则 const arr = [1,[2,[3,[4,5]]], 6] const res = JSON.stringif
阅读全文
摘要：1.如果是Promise对象 如图，将promise设为一个全局对象，然后在生命周期内更改它的值，如果在组件要卸载时还时Pending状态，就用Promise.race()方法，直接传入一个Promise.reject()与它竞速，那么它就不会继续被执行。 2.如果是XMLHttpRequest对象
阅读全文
