• 神奇的瘦身利器让你轻松瘦身,放心变美

vue搭配什么做前端开发比较好?

原创投稿 wpadmin 3年前 (2022-01-26) 228次浏览 0个评论

vue搭配什么做前端开发比较好?vue搭配什么做前端开发比较好?

vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

vue搭配什么做前端开发比较好?vue搭配什么做前端开发比较好?

1、如果你是在做pc端的应用,最好选择是ElementUI。

npm i element-ui -S

简单的UI写法:http://element-cn.eleme.io/#/zh-CN/component/installation

2、APP mobile应用的话,最好选择AUI或ionIc

文档:http://www.auicss.com/doc/v/2/doc_id/1

AUI 2.0是一套全新的AUI框架,在1.X基础上进行了重新架构。在2.0中,全局使用rem控制尺寸,完美适应不同分辨率移动设备;新加入的主题样式表方便开发者自定义基础颜色样式,完成APP主题的定制。完美兼容IOS 5.1+ 到Android 4.2+。因此我认为他是一款不错的UI插件。

作为it行业开发者,很高兴为你解答。

vue可以搭配开发很多,针对前端和后端,有不同的搭配

1.针对手机端,可以单独的就是vue可以做webapp,如果是要快速开发,可以选择一些移动端开发框架,如uniapp,vant ui、MInt Ui、Nut UI、Cube UI等这些快速开发框架开发

2.真对后台管理系统界面开发,可以选择element ui、Ant Design Vue这两个快速开发框架。

3.针对后端接口,可以选择java,.net,PHP开发都可以的。

希望以上能帮助到你。

很高兴为你回答这个问题:

一、vue针对pc端UI框架有

1,iview (最新,用户评分高功能多炫酷 解决和避免了其他UI框架出现的一些小问题)

2, bootstrap (使用用户最多样式死板没特色)

3,ElementUI (饿了么团队研发,使用较多不过里还有些小bug)

二、vue针对移动端UI框架有:

1,BUI http://www.easybui.com/docs/ 很不错 官网有视频介绍。视频里有介绍非常非常实用的工具 建议去看官网视频。

这个框架有现成的模板只需要一个 创建模板的命令 就可以创建一个大致的具有交互功能的页面。

2,vux (最新)

vux基于WeUI和Vue(2.x)开发的移动端UI组件库star 10k

基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。

3,Mint UI

Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库star 8.3k

三、Vue用脚手架搭建

1.安装nodejs

自带npm

2. 安装淘宝镜像 cnpm

npm install -g cnpm –registry=https://registry.npm.taobao.org

3.安装webpack,打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v

4.安装脚手架

用cnpm安装vue脚手架

cnpm install -g vue-cli

5.创建工程 vue init webpack my-project

需要注意的是项目的名称不能大写,不然会报错

6.安装依赖cnpminstall

7.用命令npm run dev 来启动项目

特别注意:

1.如果提示“无法识别”,有可能是npm的版本过低。

解决办法:npm install -g npm(更新一下版本就好了)。

2.如果安装失败的话。

解决办法:npm cache clean(清除一下缓存就好了)

四、后台接口

1.安装npm install axios –save

2.在main.js下引用axios

import axios from ‘axios’

3.准备json后台数据:java、php、.net都可以

4.跨域问题,设置代理,利用proxyTable属性实现跨域请求
在config/index.js 里面找到proxyTable :{} ,然后在里面加入以下代码

proxyTable: { ‘/api’: { target: ‘http://www.intmote.com’,//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true,//允许跨域 pathRewrite: { ‘^/api’: ” //这个是定义要访问的路径,名字随便写 } } },

5.打开一个界面,开始写请求数据的方法

methods: { getData() { axios.get(‘/api/test.json’).then(response = { console.log(response.data); }, response = { console.log(“error”); }); } }

希望以上能帮助到你。

vue.js搭配什么座前端开发比较好?根据我老公给我叙说的一些前端知识以及他经常使用的一些前端开发框架,就我个人来说说vue到底搭配什么开发比较好

vue搭配什么做前端开发比较好?vue搭配什么做前端开发比较好?

一、UI框架

如今UI框架是数不胜数,因此在选择UI框架的时候一定要选择扩展性好,社区人数多,开发及更新速度快的UI框架。

  • elementUI
  • iviewUI
  • antd
  • MintUI

vue搭配什么做前端开发比较好?vue搭配什么做前端开发比较好?

以上这些UI框架是很多前端开发工程师经常接触和使用的,我觉得大家可以选择antd框架,这个框架是阿里的,感觉还是很不错的。

二、网络请求框架

vue是一个视图框架,但是如果vue+vuex+vue-router就是一个mvvm框架,前端开发的目的就是为了通过前端技术的网络请求获取后端的数据进行显示。大概目前较为流行的网络请求框架如下

  • fetch
  • axios
  • request

vue搭配什么做前端开发比较好?vue搭配什么做前端开发比较好?

很常见的就是vue+axios的搭配,在开发中使用最多的也就是vue+axios。

三、状态管理

状态管理方面,就更加容易了,直接使用官方的vuex即可,当然也可以选择redux,一般情况下都是采用vue+vuex,以为是官方生态,使用起来也比较方便。

vue搭配什么做前端开发比较好?vue搭配什么做前端开发比较好?

总之,vue就是JavaScript,既然是JavaScript,那么只要是JavaScript的一些第三方工具或者框架都可以跟vue一起搭配使用。希望此文能够帮助到你。

简单点几乎通用的技术栈

数据交互-axios

状态管理-vux

ui框架-element-ui/iview/ant-design-vue

路由-vue-router

数据缓存-lodb/localStorage和sessionStorage

我第一次接触vue是因为给德邦做一个物流管理系统 springboot 后台还是比较容易开发的 mvvm

前端开发,选择组件库很重要。有时候自己开发一个组件非常麻烦还不好用。如果有成熟的第三方组件库包含了你正好需要的某个组件,就会省很多精力和时间

Bootstrap和Ant Design、Element UI的核心区别就在于组件库上。

所以看你的需求,Bootstrap官方以及第三方能找到的组件库是否满足你的需要。

Bootstrap V4的官方组件库是用jQuery开发的。如果用Vue+Bootstrap写前端,就需要找

Bootstrap-vue这类用Vue实现的Bootstrap风格的组件库,还要加上一大堆第三方组件库,相当麻烦。

vue搭配什么做前端开发比较好?vue搭配什么做前端开发比较好?

还不如用Ant Design Vue或Element UI这些原生就是Vue写的组件库呢。

element,快速搭建后台管理系统的话这个相对于bootstrap来说要快速很多,组件使用简单,体积也小。

推荐ElementUI ,上手简单,组件丰富,占用空间小。无论是pc还是移动端都适用,另外有个隐藏的scroll bar组件特别适用于移动端。

网络请求用axios,界面用element-ui,jquery是一定要用的,搭工程的话就直接用vue-cli脚手架,推荐3.0版本以上的,配置比较少,比较好一点,差不多就这些了,然后如果有什么特殊需求的话,可以去下载其他插件。

我们公司用Telerik Kendo UI。买的licence的[呲牙],不过主要撘配angular和react


有肥胖困扰?专业瘦身老师教你1天瘦1斤

添加微信咨询:A-noweixin (手机长按可复制,加好友)

vue搭配什么做前端开发比较好?
已帮助30000+人成功瘦身
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址