Vue 是一个轻巧、高性能、可组件化的MVVM,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。 在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。开发团队在使用Vue.js框架和UI组件以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。 在选择Vue UI组件的过程中,通过GitHub上根据star数量、文
转载 8月前
21阅读
开发流程1.创建项目,(vue-cli/公司现有架构) 2.调整项目静态目录结构 3.使用webpack相关模式打包编译 4.使用npm或者公司源地址发布到你需要的平台步骤创建项目,省略;调整项目静态目录结构 在项目同级目录下创建lib文件夹 => assets / components / css / utils / index.js / UploadUi.vue (依据自己喜好而
市面上目前已有各种各样的UI组件,比如 Element 和 iView,他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂,当它们不能再满足我们需求的时候,这个时候就有必要开发一套属于自己团队的组件了。为何要进行组件开发?如果你所在的公司对于页面的样式没有什么要求,那么你只要随便拿一个组件来用就行了,比如element、iView等等,不用再重复造轮子了;如果你目前只有个人用一个组件,
luUI ...
转载 2021-08-23 13:55:00
77阅读
2评论
# Vue3 TypeScript 组件开发指南 ## 一、整体流程 首先,我们来看一下“Vue3 TypeScript 组件开发”的整体流程: ```mermaid flowchart TD A(准备工作) B(创建组件项目) C(组件开发) D(打包发布) E(使用组件) A-->B B-->C C-->D
原创 5月前
59阅读
手把手Vue前端开发教程本文将手把手地教你如何使用Vue进行前端开发。简介 Vue.js 是一款渐进式 JavaScript 框架,易于上手。Vue 可以被用来开发单页面应用 (SPA) 以及简单的 UI 组件。Vue 的核心只关注视图层,并且非常容易学习和集成到其他或项目中。环境准备 在开始使用 Vue.js 之前,你需要在本地安装 Node.js 和 npm 包管理器。 可以通过以下命令检
前言:大概两个月前投身于一个项目中去,项目是一个移动端的项目,所选用的框架是时下比较流行的vue。这篇文章也是针对这个项目和以前自己学习时的一些总结,包括一些通用的移动端开发要注意的事项、vue开发遇到的一些问题。本文的目的是为了在以后的开发中我们可以避免这些坑,提高我们的开发效率。 一、移动端开发特有问题:1、移动端样式的兼容性:在当前移动端的开发要面对各种不同的手机,不同的手机DPI
转载 2023-07-14 10:33:44
173阅读
Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完 从0到1教你搭建前端团队的组件系统 之后很多朋友希望了解一下如何搭建基于vue的组件系统,所以作为这篇文章的补充,本文来总结一下如何搭建基于vue的组件.
转载 2021-07-15 14:07:08
570阅读
从零到一搭建组件化实战的补充和说明⏰
vue
转载 2021-07-26 10:46:31
732阅读
vue组件开发,做一个像elment-ui一样的,webpack打包,非常好用
原创 10月前
241阅读
概要 vue 的一个特点是进行组件开发,组件的优势是我们可以封装自己的控件,实现重用,比如我们在平台中封装了自己的附件控件,输入控件等。 组件的开发vue 中一个组件,就是一个独立的.vue 文件,这个文件分为三部分。 1.模板 2.脚本 3.样式 我们看一个系统中最常用的组件。 定义好组件后,
原创 2021-07-22 15:06:55
189阅读
环境搭建利用@vue/cli4创建工程,为兼容element-ui选用vue2.x版本vue create vue-demo添加element-ui框架cd vue-demo vue add element上述命令会安装element-ui插件,不用在入口main.js文件配置如下内容:import ElementUI from 'element-ui import 'element-ui/lib
转载 2023-08-13 21:37:27
80阅读
创建vue项目的基本流程1.使用构建工具vue-cli创建项目脚手架vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目。 (1)安装 确认已安装了node.js,可在cmd中输入( node -v和npm -v),如显示出版号,说明安装成功。 通过vue ui安装 第一步:在cmd中输入vue ui 第二步:之后会弹出一个页面,点击创建 第三步:
转载 2023-07-24 15:17:32
78阅读
这里分享几个我使用到的vue开发小技巧 一、状态共享使用Vue进行开发时,随着项目的复杂化,组件个数也逐渐增加,此时我们就面临着一个问题——多组件状态共享。当然有人会说使用Vuex来解决啊,但是如果此时我们的项目没有那么大那么复杂,在使用Vuex会导致繁琐冗余那该怎么办?其实我们还可以通过vue.js2.6版本新增的Observable API来解决这个问题。示例a) 创建一个 store.js
转载 2023-08-28 14:55:04
68阅读
目录一、安装nodejs1、下载安装nodjs2、切换淘宝镜像源(1) 方式一:使用cnpm(2) 方式二:更改node的仓库地址二、搭建一个vue项目1、安装vue脚手架vue-cli2、创建项目3、启动项目4、项目目录说明三、vue代码讲解1、更改首页2、router路由实现页面跳转3、router实现子路由4、去除路径里的井号5、安装或卸载组件6、导入项目启动四、vue cli31、安装vu
一、VScode编辑器1、Visual Studio Code 编辑器,VS code 是微软推出的一款免费且开源的编辑器。用户根据需要自行下载安装。 国内镜像下载链接:https://vscode.cdn.azure.cn/stable/b4c1bd0a9b03c749ea011b06c6d2676c8091a70c/VSCodeUserSetup-x64-1.57.0.exe二、Vue的下载和
一.vue-router是做什么的  使用 Vue.js ,我们已经可以通过组合组件来组成应用程序(也就是我们所说的单页面应用),将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们。所以,用 Vue.js + vue-router 创建单页应用,是非常简单的。(如果对组件不了解的小伙伴,可以去翻阅vue官方api,或者上网找些基础视频进行基础学
转载 10月前
69阅读
实现新闻咨询页面目录结构步骤一:创建newslist.vue文件<template> <div id="tml"> <!--使用mui框架,实现新闻资讯列表样式--> <ul class="mui-table-view"> <li v-for="item in list" class="mui-table-vie
转载 2023-07-16 19:14:58
0阅读
概要 目前前端开发技术越来越像后台开发了,有一站式的解决方案。 1.JS包的依赖管理像MAVEN。 2.JS代码编译打包。 3.组件式的开发vue 是一个前端的一站式的前端解决方案,从项目的初始化,组件的开发,项目编译都提供了完整的开发工具。 vue 和 angular,react 比较的,个人
原创 2021-07-22 15:43:53
562阅读
文章目录一、PyCharm的安装和简单使用二、MySQL和Navicat的安装和使用三、Python的安装四、虚拟环境的安装和配置五、Vue开发环境搭建 一、PyCharm的安装和简单使用由于开发的主要后端语言是Python,因此选择PyCharm作为主要的开发工具。PyCharm可以直接在搜索引擎中直接搜索官网下载,在每种平台均有社区版和专业版两种。社区版免费但功能有限,适合初学者;专业版功能
  • 1
  • 2
  • 3
  • 4
  • 5