尐_-CSDN博客

原创 Vue中使用Element-ui

首先在创建的项目框架中下载Element-ui eg: npm i element-ui -S下载完之后重启项目在main.js引入element-ui eg： import'element-ui/lib/theme-chalk/index.css' importelementfrom'element-ui' Vue.use(element)使用：在某个组件中使用直接看文档复制过来就行了 eg：...

2021-10-21 21:14:35 114 1

原创 vue中的axios的webpack配置代理以及二次封装

在项目根目录下创建vue.config.js文件注：此文件跟src是同级路径而不是包含关系module.exports={ // 部署应用时的基本url publicPath:"", // 打包构建应用的文件夹 outputDir:"dist", // 打包时存放静态资源的文件夹，js/img/css assetsDir:"static", // 指定生成的index文件 indexPath:"index.html", // 配置请求代理 devServer:...

2021-10-08 23:13:36 347

原创 vue中的路由传参

路由传参有两种方式，第一种方式是问号传参，第二种方式是动态路由传参第一种问号传参：或者也可以用编程式路由跳转的方式：问号传参接受方是通过 this.$router.query的方式来接受第二种动态路由传参：动态路由传参的方式需要修改路由规则的：修改之后：eg传递方式这样就可以了：路由传参接受方是通过this.$route.params的方式来接受 ...

2021-10-05 15:32:47 417 1

原创如何在vue脚手架中使用阿里矢量图标库

iconfont-阿里巴巴矢量图标库在官网中挑选图标添加到购物车------>点击右上角的购物车------>添加至项目------>新建项目------>输入项目名称------>确定------>然后就进入到我的项目中了------>点击下载至本地然后压缩文件夹打开后会看到上面的文件：将iconfont.css复制到自己vue脚手架的src路径下的assets下自定义的文件夹中 eg:这还不行的，还要讲下载的文件下的几个...

2021-10-05 02:06:17 408

原创如何在vue脚手架中使用animate.css

首先在脚手架路径下下载animate.css eg:1、npm install animate.css2、在main.js中引入 eg：3、通过transition标签将路由出口包裹起来 eg：固定语法：<transitionenter-active-class="animate__animatedanimate__wobble"> <router-view></router-v...

2021-10-05 01:15:26 231

原创 vue全局过滤器的注册

价格过滤器组件：在src下创建filters文件夹然后创建filterPrice.js eg:exportdefault(filterPrice)=>{returnfilterPrice.toFixed(2) //此文件用来过滤价格（使小数保留两位）}时间过滤器组件：在src下创建filters文件夹然后创建filterTime.js eg:exportdefault(time)=>{let...

2021-10-05 01:01:00 370

原创 Vue中的全局组件的注册

注册全局组件的好处是在任何地方都可以使用。首先要先找到项目目录中的components文件夹，创建一个index.js(这个问题是用来整合所有的全局组件的) 在这个文件下：importVuefrom'vue' //引入vueimportgoBackfrom'./goback.vue' //自定义的一个返回的功能组件letobj={goBack //将自定义的组件名引入到自定义的对象中}//使用 for in 的方法循环注册全局组件(因...

2021-10-05 00:16:15 153

NamedDifficult的博客