vue
文章平均质量分 82
_学而时习之_
这个作者很懒,什么都没留下…
展开
-
vue-cli 脚手架总结
> vue-cli 的脚手架项目模板有browserify 和 webpack , 现在自己在用的是webpack , 官网给出了两个模板: webpack-simple 和 webpack 两种。两种的区别在于webpack-simple 没有包括Eslint 检查功能等等功能,普通项目基本用webpack-simple 就足够了. 搭建官方项目模板步骤: 1、npm原创 2017-02-28 15:37:46 · 946 阅读 · 0 评论 -
Vue中v-for的数据分组
使用Vue.js可以很方便的实现数据的绑定和更新,有时需要对一个一维数组进行分组以方便显示,循环可以直接使用v-for,那分组呢?这里需要用到vue的computed特性,将数据动态计算分组。代码如下原创 2017-03-01 11:22:57 · 12685 阅读 · 0 评论 -
Asp.net+Vue+EmelentUI的实现(一)框架搭建
vue对于web端的开发优势是很明显的,特别是单页应用,响应、数据等都很明显,而且开发效率也高,又有很多资料可查、有社区的支持。但vue对于开发较大的项目时,则会显得笨重,因为编译成了单页应用,非常臃肿,首次加载变的很慢。而且在使用VS来开发时,虽然VS可以创建vue的项目,但是基于node.js来编译的,不好操作,而且经常出现卡死现象,于是就考虑有没有其他的方式来应用vue。vue本质上是一...原创 2019-05-06 13:46:09 · 33412 阅读 · 18 评论 -
Asp.net+Vue+EmelentUI的实现(二)登录验证
在《Asp.net+Vue+EmelentUI的实现(一)框架搭建》一文中实现了简单的框架搭建,现在继续登录验证的实现。我们采用的是Asp.net来构建的,所以首选asp.net的验证机制。1.web.config的配置<?xml version="1.0" encoding="utf-8"?><!-- 有关如何配置 ASP.NET 应用程序的详细信息,请访问...原创 2019-05-06 14:55:34 · 8763 阅读 · 3 评论 -
Asp.net+Vue+EmelentUI的实现(三)JS和CSS的自动载入
在前面的文章中实现了框架的简单搭建、身份的验证,但每个页面都要引入vue和element等相关的js、css,这样相当繁琐,那有没有什么方式能够自动实现的呢?有的。这就要用到asp.net的机制。因为aspx的每一个页面都是通过后台请求来推送到前端的,所以可以在收到请求后,作出一定的处理,把需要加载的js、css直接赋进去。为此,我们增加了一个PageBase类,代码如下。/// <s...原创 2019-05-06 15:24:17 · 2756 阅读 · 0 评论 -
Asp.net+Vue+EmelentUI的实现(四)菜单栏与页面的路由载入
基于vue和emelent ui来创建菜单栏,可以通过官方的demo来实现,而页面的载入,由于我们没有使用vue-route的路由式的载入,所以我们选用iframe来载入,实现的效果如下图default.aspx的页面代码如下<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" In...原创 2019-05-06 15:48:35 · 3004 阅读 · 0 评论 -
Asp.net+Vue+EmelentUI的实现(五)全局组件的注册
Vue注册全局组件,只要直接注册即可,代码如下Vue.component('name', { props: [], template:' '})如果我们生成一个vue-comment.js的JS文件,并且通过PageBase的自动加载方式来加载,那么就可以实现自动载入了。在PageBase的载入默认JS的地方,加入载入vue-component.js的代码,新代码如下...原创 2019-05-10 09:29:42 · 3516 阅读 · 8 评论 -
Asp.net+Vue+EmelentUI的实现(六)扩展ElementUI的图标
ElementUI提供的图标数量有限,无法满足项目的要求,这时我们需要扩展图标。那要如何扩展呢?我们可以利用Iconfont来扩展。1.登录Iconfont,搜索到所要的图标,加入到购物车.2.点击右上角的购物车图标,可以看到刚刚加入到购物车的图标3.将图标【添加至项目】没有项目则新建一个项目,如下图假如项目名称为【TEST】,则确定后进入到项目中,如下图...原创 2019-05-10 11:36:50 · 4270 阅读 · 0 评论 -
Asp.net+Vue+EmelentUI的实现(七)权限控制
基于业务的需求,每一个页面会有不同的功能,对不同的功能又需要进行权限管控,那基于Asp.net和Vue要如何实现权限管控呢?比如有增加、删除、修改的功能,需要控制对应的权限,如果这些功能的按钮在没有权限时不渲染出来,那就达到了目的。所以解决权限控制的关键,在前端就是控制是否渲染。基于这样的思考,于是有了这样的思路:使用vue的v-if来控制渲染,v-if的值由asp.net的后台代码来给定,示...原创 2019-05-31 10:12:13 · 2835 阅读 · 3 评论