摘要：
ajax请求可以说是数据交互的关键。以前使用angular时解决跨域问题是通过设置headers中'Content-Type'来完成的。 Vue中有一个可以通过axios来完成。 1) 通过npm 2) 通过bower 3) 通过cdn 我这里主要讲下第一种引入方式，感兴趣的同学可以看下其他的 → 阅读全文
摘要：
当我们通过上述语句压缩之后，会生成一个dest文件（名字可以自己定），但是打开会发现所有的引入文件和image的路径都出现了问题。问题报错如下： 出现这些bug的原因是因为项目的默认assetsPublicPath是‘/’即根目录，我们只需将其改为当前目录‘./’即可。 阅读全文
摘要：
上一篇写的是关于params的传参问题，今天再补充一下query的情况 1） 在router文件下的index.js中，添加相关路径 2） 在HelloWorld组件中传递参数，这里用的是点击事件跳转 在paramsUrl组件中可以在url中看到 获取参数方法 注意：如果在router中有那么参数， 阅读全文
摘要：
一、页面之间传参 在嵌套vue-router情况下，不同页面之间传递参数可以通过params实现。而params传参分为两种情况： 1.参数在url中显示 首先你要确定自己要传的参数，并在控制路由的文件中的Router中path内添加对应的字段如： { path:'/paramsUrl/:name/ 阅读全文
摘要：
1.下载lib-flexible 我使用的是vue-cli+webpack，所以是通过npm来安装的 2.引入lib-flexible 在main.js中引入lib-flexible 3.设置meta标签 通过meta标签，设置设备宽度以及缩放比例 4.安装px2rem-loader 5.配置px2 阅读全文
摘要：
在编写css公共样式的时候，我们都会声明很多通用的颜色、字号等。现在我们可以通过声明CSS变量来实现了 1.变量的声明 CSS变量声明是字母前加两个横线（--）如： 上述代码中，body选择器中声明了Colors和fS16px两个变量。而使用‘--’是因为$被Sass占用了，@被Less占用了，所以 阅读全文
摘要：
iphoneX的“刘海”为相机和其他组件留出了空间，同时在底部也留有可操作区域。那么网站边尴尬了~被限制在了这样的“安全区域”内，两边会出现一道白条。解决的方案是：1、给body添加一个background；2、添加viewport-fit=cover meta标签，使页面占满整个屏幕。 这样，“安 阅读全文
摘要：
对于最后一个元素，一般情况下，我们都要单独处理。 如： <style>.test span{ display: block; border-bottom: 2px solid #e5e5e5; line-height:1.5; } .test span:last-ot-type{ border-bo 阅读全文