51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

vue开发TIPS:vue-cli中实现响应式布局

vue开发TIPS:vue-cli中实现响应式布局

厉飞雨 阅读(7) 评论(0) 赞(0)

![](/images/tt/vue.jpg) vue开发TIPS:vue-cli中实现响应式布局。原理是利用vuex实现的,没安装的童鞋装下咯。 ``` yarn add vuex ``` 既然是响应式布局就要准备两套css,一个是PC端的css,一个是移动端的css,我们暂且将PC端的样式称为computer,移动端的样式称为mobile 我们首先要做的就是当前屏幕...

【Nuxt.js扩展Vue】Vue应用程序使用Nuxt.js可以避免的7个问题

【Nuxt.js扩展Vue】Vue应用程序使用Nuxt.js可以避免的7个问题

厉飞雨 阅读(3) 评论(0) 赞(0)

众所周知使用Nuxt.js可以扩展Vue,为什么要使用Nuxt.js?今天给大家分享些知识,供大家参考学习。 Vue应用程序使用Nuxt.js可以避免的7个问题。 Vue.js是您应用程序框架的绝佳选择。但是,您可能会遇到几个问题: * 如何合并和配置我的所有JavaScript&Vue库以有效地协同工作? * 如何使用最佳实践来构造应用程序代码? * 如何确定我的应...

vue开发TIPS:对于keep-alive的小结

vue开发TIPS:对于keep-alive的小结

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) vue开发TIPS:对于keep-alive的小结。一起看看吧。 ### 作用 主要用于保留组件状态或避免重新渲染。 ### 用法 \<keep-alive\> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 \<keep-alive\> 是一个抽象组件:它自身不会渲染一个 DOM 元...

在vscode里开发vue项目需要安装的插件:eslint

在vscode里开发vue项目需要安装的插件:eslint

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 在开发编辑器中,vscode占有的比重越来越高,相比笨重的webstorm和功能不怎么全的subline,优势太明显。所以我们需要掌握vscode里开发项目一些小技巧。今天来了解下vue在vscode里的设置。 在vscode里开发vue项目需要安装的插件:eslint。大家都知道默认的设置会比较蛋疼,只要你有点空格或者换行啥...

分享vue实例应用:购物车计算商品价格和总价以及单选全选功能

分享vue实例应用:购物车计算商品价格和总价以及单选全选功能

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 对于[Web前端](/)三大框架中的[vue.js](/VueJs/),相信大家应该比较熟悉了。今天给大家分享一个小DEMO应用,模拟购物车计算商品价格和总价以及单选全选功能。 ### 功能介绍 1、列表单价计算 2、单选和全选功能 3、总价格计算 这些功能在我们电商项目中经常用到,希望大家能掌握。废话不多说,直接...

vue应用开发:解析filter过滤器基础应用

vue应用开发:解析filter过滤器基础应用

厉飞雨 阅读(3) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [Vue.js](/VueJs/)允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 `v-bind` 表达式 (后者从 2.1.0+ 开始支持)。 ### filter介绍 过滤器应该被添加在 [JavaScript](/JavaScript/)表达式的尾部,由"管道&quo...

vue.js应用Tips:简单介绍全局使用axios的方法

vue.js应用Tips:简单介绍全局使用axios的方法

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 介绍下[vue](/VueJs/)应用Tips:全局使用axios。OK,走起咯。 在vue项目开发中,我们使用axios进行ajax请求,很多人一开始使用axios的方式,会当成vue-resoure的使用方式来用,即在主入口文件引入import VueResource from 'vue-resource'...

分享Vue开发小技巧:将插槽传递给子组件

分享Vue开发小技巧:将插槽传递给子组件

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 作为目前最流行的树型[JavaScript](/JavaScript/)框架之一,[Vue](/VueJs/)值得关注。它非常容易学习,使用并让您喜欢它做事的方式。 在本文中,我们将讨论其强大的功能,插槽,并简要说明它们是什么以及如何使用它们。最后,重点将放在将所有插槽从父组件传递到子组件上。 > 本文假定您对[Vue]...