logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

webpack与vue的关系——webpack学习笔记1

文章目录什么是webpack?webpack能做什么(为什么要用webpack)?webpack的使用安装方法一安装方法二webpack原始打包运行方式无配置文件运行webpack有配置文件运行webpack有配置文件在vue中运行webpack什么是webpack?webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具;webpack能做什么(为什么要用web

封装vue 点赞或者收藏组件

直接上封装代码<template><div class="isZan-container"><span @click="addLike()" :class="{'isLike':likeClass}" class="container-inner"><transition @before-ente...

vue内置的组件transition(形成动画)

在官网中的详细描述:点击打开链接文章目录transition组件出现过度/动画效果的原因transition组件在什么情况下可以生成动画效果transition组件生成动画效果的方式1.CSS 过渡2.过渡可以和其他第三方 CSS 动画库连用3.CSS 动画4.还可以同时使用过渡和动画5.transition组件和JavaScript 钩子连用transition组件出现过度/动画效果的原因当插入

在vue中引入外部css文件样式

1.在src/assets/css目录下新建scss文件,my-mint.scss,内容如下:2.在文件样式中写入样式3.在main.js中引入则为全局。4.import ‘./assets/css/my-mint.scss’;//全局修改mint-UI样式5.在局部引入:在样式标签下方写成@import“…/…/…/assets/css/my-mint.scss”引入...

[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘coordinateSystem‘ of undefined“

描述:在绘制多个图表,而不是一个的时候遇到此问题。解决:// 有几个坐标轴就写几个grid。grid: [{left: '0',right: 0,top: 10,},// 写一模一样的会重叠{ left: '0', right: 0, top: 10 },],..

#echarts
记一次vue 的keep-alive踩坑之路 —— active和deactivated()函数不执行

现象:路由頁面被缓存,销毁阶段函数不执行,active和deactivated()函数不执行,进入页面的created函数(创建期函数)执行。原因:<template><div id="app"><keep-alive v-if="$route.meta.keepAlive"><div> //未激活...

vue上传文件(图片),并预览图片的方法(不使用第三方库)

+思路:1.点击 input标签,打开文件库,点选图片后,执行uploadFile(event)函数.<fontcolor=red>注意:要是change事件</font>2.在uploadFile(event)函数 .<font color=red>注意:要是change事件</font&.

[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘get

描述:多坐标轴,报错。解决:有几个x轴写几个y轴。yAxis: [{show: false,type: 'value',},{gridIndex: 1,show: false,type: 'value',},

#echarts
vue中实现监听滚动事件的方法

实现监听局部滚动HTML代码<section @scroll="scrollEvent" ref="scrollDiv"><router-view></router-view> //滚动部分</section>js代码scrollEvent () {console.log(th...

Vue3.0报错error: Unexpected console statement (no-console) 解决办法

在package.json中的eslintConfig:{}中的 “rules”: {加入"no-console":“off”},在这里插入代码片`示例:"eslintConfig": {"root": true,"env": {"node": true},"extends": ["plugin:vue/essential","eslint:recommended"...

    共 20 条
  • 1
  • 2
  • 请选择