vue学习笔记
一人一城温一壶酒
这个作者很懒,什么都没留下…
展开
-
vue 使用 keep-alive 需要注意的几个点
1、v-if="$route.meta.keepAlive" 需要放在router-view上,不能放在keep-alive上<template> <div id="app"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view原创 2022-04-01 14:06:38 · 803 阅读 · 1 评论 -
时间转化工具类
function formatNumber(n) { n = n.toString() return n[1] ? n : '0' + n}// 时间戳转化为年月日function tsFormatTime(timestamp, format) { if (!timestamp) return 0 const formateArr = ['Y', 'M', 'D', 'h', 'm', 's'] let returnArr = [] const date = new Date原创 2022-02-22 18:07:01 · 133 阅读 · 0 评论 -
父子组件中定义的方法相互调用
父子组件中定义的方法相互调用1、子组件调用父组件中定义的方法子组件代码<template> <div> <button @click="clickCloseHandle()">点我关闭子组件弹窗</button> <div></template>export default { methods: { // 跳转到点亮主页 clickCloseHandle() { this.$emit('c原创 2022-01-19 11:50:06 · 592 阅读 · 0 评论 -
vue根据路由的title设置每个页面html的title
// 定义路由 { path: '/sign-up', name: 'SignUp', component: () => import('@/views/signUp/SignUp'), meta: { title: '报名页面', keepAlive: false } }, { path: '/signup-success', name: 'SignUpSuccess', component: () => import('@/原创 2021-12-21 09:29:24 · 224 阅读 · 0 评论 -
vue 中父子组件传值
父组件向子组件传值子组件向父组件传值原创 2021-04-24 11:53:37 · 450 阅读 · 0 评论 -
vue项目全局引入scss
最近在写一个vue框架的项目,为了方便后期维护,实现对颜色,字体,边框等统一管理我们需要将对应的样式颜色的属性放在scss中,让后引入调用属性,然后维护时我们只需对scss中的值进行修改,这样维护会相对方便在网上找了好久,回答都不是特别的详细,我是参考d2-admin 实现的,这里记录一下,以备不时之需,话不多说上代码:项目src目录:首先我们要做的是对vue.cpnfig.js 进行修改,没有这个文件可以新建一个(这里只针对vue项目,且是vue-cli搭建的vue项目原创 2021-04-23 10:13:43 · 1503 阅读 · 0 评论 -
vue 项目中的echarts的使用
目录echarts官网:https://echarts.apache.org/zh/index.html2D可视化图标3D可视化绘图目前做的一个项目需要用echarts做可视化图标,之前没有接触过这一块,今天在学习的过程中顺便记录一下,以备不时之需echarts官网:https://echarts.apache.org/zh/index.html本文介绍的是在@vue/cli 4.4.6版本下建的vue项目中使用Echarts,通过 npm 获取 echarts,np.原创 2021-04-23 01:04:26 · 977 阅读 · 0 评论 -
vue框架中Vuex的简单使用(Vue学习笔记)
目录Vuex是什么:Vuex基于单项数据流:Vue脚手架中使用Vuex安装:使用:使用案例Vuex是什么:首先了解下什么是Vuex,官网定义:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化Vuex基于单项数据流:以下是一个表示“单向数据流”理念的简单示意:state,驱动应用的数据源; view,以声明方式将state映射到视图; actio..原创 2021-04-11 14:13:43 · 362 阅读 · 0 评论 -
vue中子组件的methods中获取到props中的值方法(vue 学习笔记)
说一下为什么会有这个需求:如果不需要处理props的值直接用,是不用这么麻烦的,直接用页面上用{{name}}就好了。在做项目的时候由于要对props的值做处理后才能使用,当我在method、mounted 用this.xxx,发现取出来的值是空对象,有点疑惑于是就上网查了原来:通过这个方法传过来的值,在子组件mounted函数中如果直接去获取的话有可能会获取不到。因为此时父组件的值还没有传过来,但是如果你是写在methods中的方法中获取值的话,此时值已经传过来了,可以直接使用this.name获取原创 2021-04-09 16:31:49 · 9393 阅读 · 0 评论