1、如果你是在做pc端的应用,最好的选择是ElementUI。
npmielement-ui-S
最简单的UI写法:http://element-cn.eleme.io/#/zh-CN/component/installation
2、APPmobile应用的话,最好选择AUI或ionIc
文档:http://www.auicss.com/doc/v/2/doc_id/1
AUI2.0是一套全新的AUI框架,在1.X基础上进行了重新架构。在2.0中,全局使用rem控制尺寸,完美适应不同分辨率移动设备;新加入的主题样式表方便开发者自定义基础颜色样式,完成APP主题的定制。完美兼容IOS5.1到Android4.2。因此我认为他是一款不错的UI插件。
vue文件中怎么引入module中的css文件?按需组件引入吧,这样会减少不必要的css,当然你每个组件的css要独立出来,而且如果使用webpack的vue-loader处理即使重复引用同一个组件css也是同用一份,不会额外的复制多个.CSS规则的前面;@import规则条件规则组中。
@importurl@importurllist-of-media-queries解决vue单文件组件中样式加载问题?vuejs自定义了一种.vue文件,可以把html,css,js写到一个文件中,从而实现了对一个组件的封装,一个.vue文件就是一个单独的组件。由于.vue文件是自定义的,浏览器不认识,所以需要对该文件进行解析。在webpack构建中,需要安装vue-loader对.vue文件进行解析。在sumlime编辑器中,我们书写.vue文件,可以安装vuesyntaxhighlight插件,增加对文件的支持。
vue和vue-cli是什么关系?vue-cli相当于脚手架,给你自动生成模板工程;vue-router是vue路由插件,支持你单页应用的;vue-loader是webpack下loader插件,可以把.vue文件输出成组件。
vue中引用阿里字体图标的方法?vue.js中引入font-icon的方法和普通icon是一样的。比如:1、建立一个module:module:loaders:[#这里设置加载项]2、加载后设置icon的加载时机:postLoaders:[{test:/vue-icons/,loader:"callback-loader"}]3、回调时的加载callbackLoader:require("vue-icons/icon-loader")(["fa-thumbs-up"])注意:vue-icons是一个专门存放icon的文件夹,到时候把font-icon放进去就可以加载了。
分享标题:vueloader原理vue搭配什么做前端开发比较好?-创新互联
链接URL:https://www.cdcxhl.com/article42/dhpdhc.html
成都网站建设公司_创新互联,为您提供动态网站、定制开发、网站建设、虚拟主机、微信公众号、App开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联