weixin_49920110的博客

修改ElementUI样式的几种方式 在我们写项目的过程中，有的elementui的默认样式和项目中的样式不符合，所有我们需要强制行的修改，这时候就需要找几种修改ElementUI的方法了。 1）.使用 /deep/ 深度修改标签样式 找到需要修改的 ElementUI 标签的类名，然后在类名前加上 /deep/ ，可以强制修改默认样式。这种方式可以直接用到有 scoped 属性的 style 标签中。 // 修改级联选择框的默认宽度 /deep/ .el-cascader { width: 100%;

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

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

webpack打包优化 1）我们先在我们的代码文件的根目录里创建一个config.js的文件 在这个文件中我们可以配置proxy以及配置别名 ①proxy的配置 proxy的配置可以解决项目中所存在的跨域问题 module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 6060, // 端口号 hotOnly: false, // 热更新 ove

vant-ui的按需引入 1）我们需要先下载vant npm i vant -S 2）引入组件 babel-plugin-import是有趣的 babel 插件，它会在编译过程中将写法自动转换为导入引入的方式。 需要我们进行安装插件 npm i babel-plugin-import -D 自己创建个babelrc，并在里面进行配置 // 注意：webpack 1 无需设置 libraryDirectory { "plugins": [ ["import", { "library

axios 我们在请求数据的时候使用到axios，但我们每一个页面的数据请求都需要用到axios，如果重复的使用，造成代码的繁多，且占据了大量内存，所以，我们可以把axios进行封装，在页面进行调用就可以了，使用axios以及他的封装具体操作如下 1）首先，先引入插件axios npm install axios --save-dev 2)在我们的项目src文件下创建一个http的文件夹，创建一个http.js和api.js http.js用来写我们的封装，api.js用来写我们封装的接口 下面进行axi

去哪儿项目开发流程 1.确定项目技术栈 vue2.0 + vue-cli3/4 + vue-router + axios + vuex + vant + rem + sass + webpack 2. 项目的搭建 项目的打包可以用到的工具有yarn 和npm(cnpm)， eg：yarn add axios -S cnpm install axios -S 注： -S: --save-dev 生产环境的依赖 （dependencies） -D: --dev 开发环境的依赖 （devDependencie

vue-router 原理 路由就是用来解析URL以及调用对应的控制器，并返回从视图对象中提取好的网页代码给web服务器,最终返回给客户端。 路由有两种模式hash和history。 hash模式： 在浏览器中符号的“#”，以及#后面的字符称之为hash，用window.location.hash读取； 特点： hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用， hash不会重加载页面。 hash 模式下，仅 hash 符号之前的内容会被包含在请求中，如 http:/