vue实战
Charles_Tian
Time is well
展开
-
vue之webapp实战
一、首先配置开发环境(我的是win7+64位操作系统) 1.先下载并安装node.js。点击windows键,在输入栏输入cmd,打开控制命令窗口,随后输入node -v然后回车查看node的版本,若显示node的版本,则表示node安装成功; 2.然后安装vue-cli。在控制命令窗口输入:npm install -g vue-cli。然后等待安装完毕。注意:如果是mac环境下,要在...原创 2018-04-26 22:05:45 · 1826 阅读 · 0 评论 -
vue之页面跳转和获取路径参数值
一、获取路径参数vue获取路径参数值的方式与原生js开发的网站、小程序获取参数值有点不一样,但总归来说,实质都是一样的。底层的原理实现都是由原生js而来,小程序和vue开发的网站,它们获取参数值的方式其实都是在原生js做了一个封装,只不过封装之后的调用的语法要与它们自己系统结构一致。下面分别介绍原生js实现获取路径参数值、小程序获取路径参数值和vue获取路径参数值:1.原生js实现...原创 2018-07-19 21:07:23 · 18933 阅读 · 0 评论 -
vue之分页栏的实现
当我们在获取后台数据时,特别是获取大量的列表数据时,页面内能展示的数据不能过多,不然让用户看起来很疲惫,体验度不高。这个时候就需要分页栏来实现指定的数据显示在页面上,然后用户点击指定页面或者点击上一页、下一页再或者输入指定的数据跳转到指定的页面数据的功能都能实现,所以分页栏的设计与实现是十分有必要的。下面来详细介绍下分页栏设计的步骤与实现。1.设计的前提条件:必须成功获取到后台数据,而...原创 2018-07-23 19:12:59 · 1745 阅读 · 0 评论 -
vue实现全选、全不选和部分选择功能
在开发项目的过程当中,特别是开发后台管理系统时,会有很多的数据等待管理员去统一管理,所以有时候还需要将一些数据导出,然后打印,这是很有必要的,因为数据可以帮助分析这个产品是否具有价值。我这里演示后台返回的数据格式如下:{ data:{ list:[ {id:240201,code:'nqctedp80pc8',desc:'推广',typ...原创 2018-07-24 18:02:37 · 18891 阅读 · 3 评论 -
vue之实现菜单栏选中、不选中时的样式和相应请求处理
对于项目实战的初中级前端人员来说,封装自己菜单栏组件是很有必要的,因为这可以提高开发效率,代码复用率较高。让自己每次在编写页面的时候不再一个字母一个字母的敲。好,今天我们就来学习下,怎么去封装自己的菜单栏组件,而且点击时显示被选中的样式,并请求相应的数据或做出相应的逻辑处理。首先按照惯例,先来看看菜单栏蓝图:这里只是简单的菜单栏,能满足基本的需求,如果有强迫症的童鞋可以...原创 2018-07-27 16:20:38 · 3496 阅读 · 0 评论 -
vue之使用iview插件实现列表展示或table展示
iview学习地址:https://www.iviewui.com/1.iview了解;开发过项目后台管理系统的人都知道,很多数据都是呈一个列表的形式展现给管理员,或者以各种图展现。就比如,用户数据和一些优惠券信息等都需要以一个列表的形式展现给管理员;再就是一些用户的消费情况会以曲线图、折线图、柱状图等展示给管理员,用于用户分析,方便推荐。而在开发后台管理系统中,基本上都是很多前端人员参与...原创 2018-08-23 15:14:27 · 39587 阅读 · 4 评论 -
Vue2.0的三种传值方式实例介绍
原文出处:https://blog.csdn.net/lander_xiong/article/details/79018737Vue2.0 传值方式:在Vue的框架开发的项目过程中,经常会用到组件来管理不同的功能,有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求?比如一个组件调用另一个组件作为自己的子组件,那么我们如何进行给子组件进行传值呢?如果是电商网站系统的开发,还会涉及到...转载 2018-08-31 09:35:27 · 605 阅读 · 0 评论