兵锅锅的博客

1.如果需要适配多个不同的手机屏幕，建议使用@ media进行媒体查询，通过移动端屏幕的高度进行自适应如下：/* 苹果5 */@media only screen and (max-height: 570px){ .mint-indexlist-content{ height: 470px!important; overflow-y: scroll; } #Third{ height: 460px; }}...

可以在插件中做的四件事情：1.可以设置一些全局方法 2.可以绑定一些过滤器，一些指令，全局组件 3.可以设置一些全局混入 4.可以定义一些全局方法

1

在我们做项目的时候，往往有很多代码逻辑其实是通用的，比如说，业务逻辑类型的判断，时间戳的转换，url中字符串的截取等等，这些函数如果在每个需要的页面中都加入的话，不仅加重了当前页面的逻辑复杂程度，还会占用大量原本可以省略的内存。因此，将这些代码整理出来统一管理是很有必要的，在vue项目中，我们都知道模块化和组件化，但vue的框架中还有一个很好用的知识点，就是mixin。 不仅可以存放data、watch、methods、computed,还可以存放Vue的生命周期，是不是很神奇呢...

对于学vue的小伙伴们而言，父子组件之间的传值想必已经很熟悉了，但是还有一种很常用而且容易出错的通信方式就是：兄弟组件之间的通信，为此，我在这里给出3种兄弟组件之间的传值方式。...

#VUE路由懒加载##随着项目的壮大，路由的使用也会越发频繁，而不用的路由往往搭载着不同的组件，一旦不适用路由懒加载技术，那么就会使得首屏加载时间过长，用户体验下降，为了解决这个问题，在这里推荐大家使用路由懒加载技术来增加用户体验。##什么是路由懒加载？###路由懒加载简单来说就是需要使用哪个路由中的组件时，再去加载那个路由，而不是在页面渲染过程中一次性全部加载完成，也就是说，当我们页面首次加载的时候，就已经把整个程序里面所有的JS代码已经加载完毕，话不多说，直接上干货：###项目文件结构（仅包含关

在项目中，我们使用<router-link>标签，往往是搭配一个to属性即可，这样可以通过点击链接跳转到我们需要展示的页面，但是，随着项目的不断壮大，我发现之前的路由命名开始有些力不从心了，比如，以前首页叫main,后面同事的名字中又出现了路径main,当项目比较小的时候改一改就行了，可是万一项目越来越大，我们就需要把时间浪费在无用的修改路径上，这显然是很拖节奏的，作为一个优秀的码农，我们是不应该允许这种情况出现的，这里提供一种使用命名路由的方式来使用路由，即使页面的路由被更改，仍然可以不...

在实际的项目中，往往并不是一个页面用几个固定路由跳转就可以实现了，一般都是多层嵌套的组件来组成整个项目，为了方便管理，我们也希望在url上能体现出这种层级关系， 中嵌套着好几个路由搭配使用，...