vue 项目总结

最新推荐文章于 2022-01-04 17:46:57 发布

转载最新推荐文章于 2022-01-04 17:46:57 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/web-Rain/p/7218840.html

文章标签：

#javascript #ViewUI

本文总结了一个使用Vue.js、Element UI等技术栈完成的前端项目经验。重点介绍了组件封装技巧及axios与Element UI结合的错误处理方案。

第一次参与设计前端项目

项目接近尾声,抽出时间写一下总结

项目用到技术

vue
vue-cli (代理配置)
element-ui
axios
router

技术应用思路

vue 组件封装---技术点如下

slot // 容器类组件
v-if //条件渲染
props // 组件传值
$emit 、$on //事件派发

element-ui

layout
dialog
date
form---(rule比较重要)

axios

配合element-ui 封装报错处理

转载于:https://www.cnblogs.com/web-Rain/p/7218840.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30807779

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

VUE项目总结

weixin_44229563的博客

12-03

2473

文章目录前言一、依赖记录1.Vue-table-with-tree-gird2.Vue-quill-editor3.lodash4.nprogress5. echarts二、使用步骤总结前言最近学习了黑马的Vue项目实战，完成的是一个电商管理系统的项目，这个项目中主要是运用到Element-ui来对UI设计界面，这个文章主要是对自己这段时间的运用到的一些插件的记录以及在这段时间遇到的一些问题。一、依赖记录在这次的项目中，运用到一些对于我而言较新的依赖，这些都是可以在Vue-cli脚手架的UI用户界

vue项目开发规范总结

静水流深

08-28

783

强制执行的：文件名要为多个单词，且语义明确，同时要为大写驼峰组件名应该始终是多个单词的，根组件 App 以及、之类的 Vue 内置组件除外。反例： Vue.component('todo', { // ... }) 好例： export default { name: 'TodoItem', // ... } 组件数据data必须为一个函数反例： export ...

参与评论您还未登录，请先登录后发表或查看评论

vue项目总结

m0_59339692的博客

01-04

613

这次项目使用了vue.js和Element ui来完成 1.添加template部分代码如下 <el-form-item> <el-button type="primary" @click="add" >立即添加</el-button> <el-button class="qx" @click="fanhui()">取消</el-button> </el-form-item&...

vue项目开发总结

xjt_1993的博客

11-06

614

从2017年8月30到10月30号,项目开发总结. 1.注意组件的命名,当别人看到组件名称时就能明白这组件的功能.(增加代码的可读性,有利于后期的维护) 2.使用统一的模板. 1)统一使用iview模板,不能将iview模板和vue混合使用.例如:使用iview的里面属性,不要用使用vue里面的属性 2)每个组件里面不能重写iview样式.若是重写样式的话,页面与页面之间的跳转,会改变页面

基于vue-element-template项目开发总结(二)

qq_35168861的博客

09-09

749

接着上一篇，页面我们已经会写了，接下来就是与后台对接请求数据 axios封装我这封装的比较简单，可以根据自己项目实际需求进行修改首先导入：接下来创建一个axios实例 const service = axios.create({ baseURL: 'http://www.res.com', // url = base url + request url timeout: 30000 // request timeout }) request 拦截器: // 在request 拦截器中,

Vue+ElementUI项目代码细节总结

weixin_30318645的博客

12-03

240

1.页面高度=总高度-上方导航栏等高度：height:calc(100vh - 150px) 注意！！！！等号两边必须有空格！！！ 2.给div设置滚动条，两栏布局左侧固定，右侧滚动：将父元素设置固定高度，左侧子元素同样固定高度，右侧设置height：100%。此时长度超过父元素将会出现滚动条，可以设置overflow：auto。隐藏横向滚动条overflow-x:hidden 3.eleme...

vue项目总结和前端学习笔记-06091809.pdf

05-28

### Vue项目总结和前端学习笔记知识点梳理 #### Vue环境搭建在学习Vue之前，首先要配置好开发环境。这包括安装Node.js和npm（Node.js的包管理器）。Node.js可以通过访问官方下载页面，选择对应操作系统的.msi格式...

vue项目总结之文件夹结构配置详解

08-28

主要给大家总结介绍了关于vue项目之文件夹结构配置的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。

Vue项目总结.mdVue项目总结.md

08-06

Vue项目总结.mdVue项目总结.md

第一个项目个人总结心得(VUE+element)

maoge1430的博客

04-24

473

VUE第一个项目个人总结心得(VUE+element) 1.插槽取值和添加条件判断利用插槽对数据进行条件判断,然后显示不同的字段 <el-table-column label="门诊号或住院号" align="center" width="170"> <template slot-scope="scope"> <span v-if="scope.row.receptionType == '2'"> {{ sco

Vue+element.js使用心得.md

05-08

从构建到开发到应用有个初步的流程，适合初学者使用，包含①：前期准备工作，②创建-》打包项目③集成Element

vue-element-admin 使用总结

dianaie2303的博客

03-28

826

官网https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD vue项目做的少，elementUI也是最近才接触，所以文档看了一周才有了点思路，最难的就是用户登录权限部分目录结构页面都在/src/views 下登录权限登录在src/views/login/inde...

vue 项目心得总结

yuelinana的博客

08-07

1万+

项目使用 vue ，组件库使用 Element，模拟数据使用 Easy Mock 。项目线上网址：本人对于 vue 、Element 以及 Easy Mock 涉猎不深，不足之处请多多指教！ 1、vue 项目目录结构详解安装好 vue.js 后，生成的目录众多，在此对其进行目录解析 build 文件是项目构建 webpack 相关代码 conf...

vue+element UI 学习总结笔记（十七)_vuex在项目中的应用

wh_xia_jun的专栏

10-08

820

what is vuex? vuex is astate management pattern + libraryfor Vue.js applications vuex 参考（抄袭）：vuex的简单使用作用： vuex解决了组件之间共享同一状态的麻烦问题。当我们的应用遇到多个组件共享状态时，会需要：多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐，并且对于......

基于 vue-element-admin 的项目总结

热门推荐

初辰的博客

05-21

2万+

一、项目环境搭建 1.vue-element-admin的了解和介绍 vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。 2.项目模板启动和目录介绍 2.1 git拉取基础项目模板 $ git clone https://github.com/PanJiaChen/vue-admin-tem

vue 实际项目总结

羽下佳人的博客

09-10

2844

vue+element+es6 vue 项目开发总结： ①对后台数据的要求，最好最省事的开发格式 1、复选框值： true/false 2、单选按钮：字符串格式 3、克隆新增功能： get带参返回数据最好和save保存时要求的数据一致，一些没用的数据影响功能的最好别返回 ...

基于Vue+ElementUI的后台管理系统开发的总结

weixin_33830216的博客

01-19

1128

第一步：工具的介绍工欲善其事必先利其器，所以首先先总结一下这个项目中的使用到的工具，主要是对自己不熟悉也是第一次接触的一些东西的总结，这些工具大概分成3类：项目管理工具、项目打包工具、项目运行依赖项目管理工具 SourceTree：一个免费的Git图形化管理工具项目打包工具 Webpack :模块打包机项目运行依赖 Nodejs...

vue+element UI 学习总结笔记(一)

wh_xia_jun的专栏

09-05

5002

关键词: Webpack vue-cli Axios vuex router login vue+element UI 学习总结 Webpack: WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。开发环境的启动.........

Vue全家桶实战项目总结与jQuery对比分析

Vue全家桶实践项目总结是一篇深入介绍如何利用Vue、Vue-router和Vuex这三个核心组件重构前端项目的文章。Vue作为前端开发的热门MVVM框架，以其直观易学的特点备受青睐。文章首先强调了Vue的双向数据绑定机制，这是其...