09 2021 档案
摘要：const a = [] for (i = 0; i < 100000; i++) { a.push({ id: i, name: 'xx' + i }) } const b = [] for (let i = 0; i < 100; i++) { b.push({ id: i, name: 'yy
阅读全文
摘要：<template> <div id="app"> <span @click="close">x</span> </div> </template> <script> export default { methods: { close() { console.log('123') } } } </s
阅读全文
摘要：[class^='icon'], [class*=' icon'] { width: 100px; height: 100px; background-color: red; } 以icon开头，包含 ' icon'的类名
阅读全文
摘要：概念：当设置padding-bottom的值为75%时，该值为父级元素宽度的75%，可以达到自适应的效果 应用： <template> <div id="app"> <div class="img-container"><img src="./assets/images/4：3.jpg"></div
阅读全文
摘要：
directives/MyLoading/index.vue： <template> <div class="loading-wrapper"> <div class="loading-content"> <img width="50" height="50" src="./loading.gif"
阅读全文
directives/MyLoading/index.vue： <template> <div class="loading-wrapper"> <div class="loading-content"> <img width="50" height="50" src="./loading.gif"
阅读全文
摘要：<style> * { margin: 0; padding: 0; } .container { width: 350px; border: 1px solid red; display: flex; flex-wrap: wrap; justify-content: space-between;
阅读全文
摘要：html： <style> .div { width: 200px; height: 200px; background-color: greenyellow; } </style> </head> <body> <div class="div">一些文字</div> <script> const
阅读全文
摘要：vue.config.js： devServer: { before: function (app) { app.get('/aaa', (req, res) => { res.json({ errno: 0, data: { id: 1, name: '小明' } }) }) } } App.vu
阅读全文
摘要：<template> <div id="app"> <transition-group tag="ul" name="list"> <li v-for="(item,index) in list" :key="index">{{item}}<button @click="handleDelete(i
阅读全文
摘要：fast mock官网地址：https://www.fastmock.site/#/projects 1、创建项目 2、添加接口 3、使用接口 <script> import axios from 'axios' export default { created() { const url = 'h
阅读全文
摘要：store/index.js： import Vue from 'vue' import Vuex from 'vuex' import school from './school' import { createLogger } from 'vuex' import logger from 'vu
阅读全文
摘要：ProjressCircle.vue <template> <div class="progress-circle"> <svg :width="size" :height="size" viewBox="0 0 100 100"> <circle r="50" cx="50" cy="50" fi
阅读全文
摘要：<template> <div id="app"> <ul> <li v-for="(item, index) in slideData" :key="index"> <transition> <img :src="item.img" v-if="index currentIndex" /> </t
阅读全文
