![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Mr Liuu
本人为前端小白,博客仅做笔记,转载内容如有侵权,24小时内删除
展开
-
elementUI el-upload的http-request的使用记录
【代码】elementUI el-upload的http-request的使用记录。原创 2023-02-21 11:59:11 · 1490 阅读 · 0 评论 -
vue 2.x中使用wow.js
vue 2.x 中使用wow.js原创 2022-07-01 18:25:38 · 697 阅读 · 0 评论 -
富文本编辑器自动聚焦问题 quill
富文本编辑器取消自动聚焦原创 2022-06-18 10:43:12 · 1123 阅读 · 0 评论 -
关于 vue.js provide/inject(依赖注入)的学习和记录
前言provide / inject这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深(普通组件传值只能父子或兄弟关系),并在起上下游关系成立的时间里始终生效。定义方式provide 选项应该是:一个对象或返回一个对象的函数inject 选项应该是:一个字符串数组,或 一个对象,对象的 key是本地的绑定名官网:https://cn.vuejs.org/v2/api/#provide-inject提示:provide 和 inject 绑定并不是原创 2022-02-19 17:07:35 · 851 阅读 · 0 评论 -
Vue配置启动端口以及配置自动打开浏览器
方法1:在vue.config.js 中配置module.exports = { configureWebpack:{ devServer:{ port:8089,//端口号 open:true, } }}方法2:在package.json中修改scripts"scripts": { "dev": "vue-cli-service serve --open", "build:prod": "vue-cl原创 2022-02-16 10:29:29 · 2049 阅读 · 0 评论 -
vue中使用jquery的相关配置记录
一、引入jquerynpm i jquery -S二、在vue.config.js中进行配置 webpack配置首先在文件顶部引入webpack 因为该文件默认未被引入const webpack = require('webpack')然后同一个文件的module.exports中添加一段代码configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery",原创 2022-02-16 10:16:55 · 453 阅读 · 0 评论 -
关于vue引入静态文件的相关配置和多大的文件转换为base64的相关配置记录
vue引入静态文件报错的问题vue在引入静态文件(以pdf为例)会出现报错的问题,那是因为需要在vue.config.js里面进行一些相关webpack loader的配置 module:{ rules:[ { test:/\.pdf$/, use:[ { loader:'url-loader', options:{原创 2022-02-16 09:27:23 · 724 阅读 · 0 评论 -
vue-cli 开启js代码压缩和代码分割
在vue.config.js中配置chainWebpack: config=>{ config.optimization.minimize(true)// 开启压缩js代码(默认true) config.optimization.splitChunks({ // 开启代码分割 chunks: 'all' }}启用gzip压缩(需要配置nginx,可以看出压缩后的文件大小明显变化)const CompressionWebpackPlugin = require(原创 2021-11-23 15:10:30 · 3616 阅读 · 0 评论 -
vue2.x项目中安装sass less
一、安装sass执行npm命令行npm install sass --save-dev如果版本过高可使用特定版本安装npm install sass@1.26.2 --save-dev二、安装sass-loader执行命令行npm install sass-loader --save-dev如果版本过高可使用特定版本安装npm install sass-loader@8.0.2 --save-dev然后npm 直接运行就可以了vue页面中style写法<style la原创 2021-06-29 16:45:54 · 430 阅读 · 0 评论 -
vue中子组件的created、mounted钩子中获取不到props中的值问题
父子组件通信这个官网很清楚,也很简单,父组件中使用v-bind绑定传送,子组件使用props接收即可例如:父组件中<template> <div> <head-top></head-top> <section class="data_section"> <hea...转载 2020-01-06 11:01:37 · 2057 阅读 · 1 评论