- 博客(11)
- 收藏
- 关注
原创 vue中状态管理与组件通信的各种方法
根据项目的规模和需求复杂度,可以选择合适的方案来管理应用的状态。对于小型项目,局部状态和 Prop 传递可能已经足够;随着项目复杂度的增加,往往需要引入如 Vuex 或 Pinia 这样的状态管理库来提高代码可维护性和状态的一致性。Vue.js 中的 Mixins 可以用来在多个组件之间共享可复用的代码,包括数据、方法和生命周期钩子等。Mixins 在一定程度上可以实现全局状态或逻辑的复用,但它并不是专门针对状态管理设计的解决方案。在 Vue 3 中,由于引入了 Composition API,
2024-03-07 12:34:23 367
原创 vue生命周期
Vue 3 对生命周期进行了重构,引入了Composition API,并使用setup函数替代部分生命周期钩子。钩子,因为在 setup 函数执行前就已经完成了依赖收集和响应式系统的初始化。另外,Vue 3 中不再有。
2024-03-07 12:13:36 390
原创 复制数组与对象,不同内存地址
简单数组:let arr = [2,3,4,5]let arr2 = arr.slice() //或let arr3= arr.concat()简单对象:let x = { a:123, b:234, }let x2 = Object.assign({}, x)如果是复杂数组或复杂对象,内部对象的内存地址仍然会指向同一个,所以要用其他方法:let x = { a:123, b:{ c:45,
2022-03-11 09:32:54 271 1
原创 vite+vue3,引入echarts的四种方式
首先安装依赖npm install echarts --save第一种,在mounted中调用main.js中import { createApp } from 'vue'import * as echarts from 'echarts'import router from './router'import './assets/style.css'import App from './App.vue'const app = createApp(App)app.use(r
2021-11-11 11:04:43 5513
原创 vite+vue3,安装router路由
1.npm安装routernpm install vue-router@42.创建views和router目录,router中新建index.js3.index.js中添加内容import { createRouter, createWebHistory } from 'vue-router'import page1 from "../views/tubiao2.vue";const routerHistory = createWebHistory()const router
2021-11-11 10:17:24 3254
原创 VUE3.0 build打包页面空白
vue.config.js文件未配置,3.0需要手动配置。添加module.exports = { publicPath: './', outputDir: "dist", // 输出文件目录 lintOnSave: false, // eslint 是否在保存时检查 assetsDir: 'static', // 配置js、css静态资源二级目录的位置 indexPath: 'index.html',}即可...
2021-11-05 16:19:51 1158
原创 Vue3.0 组件传值父传子
1.父组件<template> <div class="about"> <!-- 调用子组件 --> <children :Data="Data"></children> </div></template> <script>import children from "@/components/children"export default defineComponent({.
2021-11-04 15:28:22 294
原创 浏览器保存密码默认输入框样式
浏览器保存账号密码自带背景色,用以下css样式直接覆盖input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { color: #666 !important; -webkit-text-fill-color: #666 !important; //文字颜色 background-image: none; -webkit-box-shadow: 0 0 0px 1000px trans...
2021-10-09 10:51:39 554
原创 vue中forEach跳出循环的问题,以及for循环
vue中forEach无法使用break和continue,会报错。 return false也无法跳出循环。改使用for循环即可正常跳出。for(let i = 0; i <= 10; i++){ break}//返回的是索引(键值),适合用来遍历对象,直接拿到keyfor(let key in Object){ break}//直接返回元素,适合用来遍历数组,不可用于原对象(没有索引)for(let item of Array){ bre...
2021-09-08 11:49:42 6953
原创 img图片不改变比例自适应占满DIV
解决不固定图片原始大小,不改变比例,自动填充满父容器的需求。<style type="text/css"> div{ width: 100px; height: 100px; } div img{ width: 100%; height: 100%; object-fit: cover; }</style><div style=""> <img src="./picture-1.jpg" ></div>
2021-09-08 11:01:45 3765
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人