我们接着上文继续,本文我们讲解兄弟组件的通信,项目结构还是跟上文一样.在src/assets目录下建立文件EventHandler.js,该文件的作用在于给同级组件之间传递事件EventHandler.js代码:1importVuefrom…
1、引入loading组件(想引入几个组件,就在{}里面写入几个组件)import{Loading}from'vant'2、注册loading组件(有几个组件,就在component里面按照样子写几个)exportdeafault={com…
在vue-cli脚手架采用scss正确的使用姿势步骤一:安装node-sass、sass-loader、style-loadernpminstallnode-sass--save-devnpminstallsass-loader--save…
1varwebpack=require("webpack")//add23//...45module.exports={6resolve:{7extensions:['.js','.vue','.json'],8alias:{9'vue$'…
在前端项目中,为了减少对图片的请求次数,一般而言需要进行雪碧图的配置。即将多张小图标合并成一张图片,这样页面中的小图标都在一张图片上,只需请求一张图片,就可以通过CSS设置各个小图标的显示,利于节省带宽和资源。雪碧图插件一般还支持快速引用小…
最近尝试将vue项目中的后台URL抽离到打包后的配置文件中,看到有使用generate-asset-plugin在build时生成配置文件的做法,倒腾了一下午使该webpackplugin在vue-cli3中生效,虽然后面换了其他方法,也在…
vue3项目和vue2项目如何共存?都安装到全局的话,会有问题?因为装了VUE3,所以,再全局安装vue-cli的时候,会有冲突,那就只能局部安装。局部安装并使用vue-cli(或者其他npm包)新建目录:mkdirvue-cli2切换目录…
一、安装echartsnpminstallecharts--save二、引入echarts因为使用的是vue-cli3.0的ts版本,所以这个模块全局引入总是提示没有声明文件,所以只能退一步,当单个页面引入constecharts=requ…
在做项目是以为:visible.sync是elementUI中的学法,用来显示和隐藏一个弹框,其实这个是vue当中的一个写法。:visible指的是属性绑定,表示弹框的显示隐藏,当:visible的值诶true时,弹框显示,当为false时…
大家好!文本是为了提升开发效率及体验实践诞生的。项目背景:脚手架:vue-cli3,具体为"@vue/cli-service":"^3.4.1"库:vue2,具体为:"vue":"2.6.12"备注:没有typescript,非ssr痛点:…
#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖,走你$cdmy-project$npminstall$npmr…
目录ts有什么用?为什么用ts?1、引入Typescript包2、配置3、让项目识别.ts4、vue组件的编写ts有什么用?类型检查、直接编译到原生js、引入新的语法糖为什么用ts?TypeScript的设计目的应该是解决JavaScrip…
命令行执行npminstall--savejquery找到webpack.base.conf.js文件,写入代码:constwebpack=require('webpack')在module.exports对象里加入以下代码:plugins…
1.下载nodeJS,官网https://nodejs.org/en/。2.安装nodeJS.安装完成后可以检测node-v如果版本号的话则正常。3.安装淘宝镜像.npminstall-gcnpm--registry=https://reg…
wvue-loader没玩过require.js也没玩过sea.js,那该怎么理解vue-loader是什么呢?现在推崇的模块化开发,那么requirejs和seajs以及现在非常流行的webpack都是模块化开发的工具,在以前,例如在re…