![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
歌 谣
这个作者很懒,什么都没留下…
展开
-
修改ElementUI样式的几种方式
修改ElementUI样式的几种方式在我们写项目的过程中,有的elementui的默认样式和项目中的样式不符合,所有我们需要强制行的修改,这时候就需要找几种修改ElementUI的方法了。1).使用 /deep/ 深度修改标签样式找到需要修改的 ElementUI 标签的类名,然后在类名前加上 /deep/ ,可以强制修改默认样式。这种方式可以直接用到有 scoped 属性的 style 标签中。// 修改级联选择框的默认宽度/deep/ .el-cascader { width: 100%;原创 2021-06-11 07:53:24 · 6251 阅读 · 0 评论 -
vue中的nginx的安装及应用
vue中的nginx的安装及应用首先我们先下载nginx下载地址:http://nginx.org/en/download.html下载完之后,进行解压,解压后就会得到相应的目录文件在控制台cmd中切换到此目录下,用start nginx启动nignx,然后就在页面中输入localhost,出现如下网页就说明安装成功,默认监听为8080端口号4、nginx命令介绍(1)start nginx 开启nginx服务(2)nginx.exe -s stop 关闭nginx服务,快速停止ngi原创 2021-06-07 10:48:34 · 531 阅读 · 0 评论 -
面试中的vue-router 鉴权 守卫
vue-router 鉴权 守卫路由守卫分为三种,分别是1.全局路由守卫2.组件内部守卫3.路由独享守卫全局路由守卫所有模板都可以守卫到to是去那个页面from是从那个页面来next是否进入这个页面/下一步router.beforeEach((to,from,next)=>{ console.log(to); console.log(from); console.log(next()); next()})//全局鉴权router.beforeEa原创 2021-06-06 19:15:39 · 265 阅读 · 0 评论 -
webpack打包优化
webpack打包优化1)我们先在我们的代码文件的根目录里创建一个config.js的文件在这个文件中我们可以配置proxy以及配置别名①proxy的配置proxy的配置可以解决项目中所存在的跨域问题module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 6060, // 端口号 hotOnly: false, // 热更新 ove原创 2021-06-06 18:58:17 · 222 阅读 · 2 评论 -
面试中必须要知道的vant-ui的按需引入
vant-ui的按需引入1)我们需要先下载vantnpm i vant -S2)引入组件babel-plugin-import是有趣的 babel 插件,它会在编译过程中将写法自动转换为导入引入的方式。需要我们进行安装插件npm i babel-plugin-import -D自己创建个babelrc,并在里面进行配置// 注意:webpack 1 无需设置 libraryDirectory{ "plugins": [ ["import", { "library原创 2021-06-03 21:09:45 · 411 阅读 · 0 评论 -
axios拦截,api统一管理
axios我们在请求数据的时候使用到axios,但我们每一个页面的数据请求都需要用到axios,如果重复的使用,造成代码的繁多,且占据了大量内存,所以,我们可以把axios进行封装,在页面进行调用就可以了,使用axios以及他的封装具体操作如下1)首先,先引入插件axiosnpm install axios --save-dev2)在我们的项目src文件下创建一个http的文件夹,创建一个http.js和api.jshttp.js用来写我们的封装,api.js用来写我们封装的接口下面进行axi原创 2021-06-03 21:02:02 · 97 阅读 · 0 评论 -
去哪儿项目开发流程
去哪儿项目开发流程1.确定项目技术栈vue2.0 + vue-cli3/4 + vue-router + axios + vuex + vant + rem + sass + webpack2. 项目的搭建项目的打包可以用到的工具有yarn 和npm(cnpm),eg:yarn add axios -Scnpm install axios -S注:-S: --save-dev 生产环境的依赖 (dependencies)-D: --dev 开发环境的依赖 (devDependencie原创 2021-06-02 09:56:12 · 112 阅读 · 0 评论 -
Vue-router的路由
vue-router原理路由就是用来解析URL以及调用对应的控制器,并返回从视图对象中提取好的网页代码给web服务器,最终返回给客户端。路由有两种模式hash和history。hash模式:在浏览器中符号的“#”,以及#后面的字符称之为hash,用window.location.hash读取;特点:hash虽然在URL中,但不被包括在HTTP请求中;用来指导浏览器动作,对服务端安全无用,hash不会重加载页面。hash 模式下,仅 hash 符号之前的内容会被包含在请求中,如 http:/原创 2021-05-23 18:47:21 · 87 阅读 · 0 评论