开发框架
文章平均质量分 81
Kai-Yang
这个作者很懒,什么都没留下…
展开
-
element-ui二次封装实现短信验证码登录组件
文章目录前言一、实现方法1.创建 PhoneLogin 组件2.全局注册组件3.使用组件二、组件效果总结前言在开发 vue 项目时,我们都可能用到 element-ui,但是有时 element-ui 提供的组件太简单或不满足应用的需求,因此我们需要在其基础上再对组件进行封装。一、实现方法需先在项目中安装 element-ui:Vue项目使用element-ui1.创建 PhoneLogin 组件在 components 文件夹创建 phoneLogin 文件夹,然后在 accountLog原创 2021-04-01 13:52:35 · 3507 阅读 · 3 评论 -
element-ui二次封装实现普通登录组件
文章目录前言一、实现方法1.创建 AccountLogin 组件2.全局注册组件3.使用组件二、组件效果总结前言在开发 vue 项目时,我们都可能用到 element-ui,但是有时 element-ui 提供的组件太简单或不满足应用的需求,因此我们需要在其基础上再对组件进行封装。一、实现方法需先在项目中安装 element-ui:Vue项目使用element-ui1.创建 AccountLogin 组件在 components 文件夹创建 accountLogin 文件夹,然后在 acco原创 2021-04-01 11:37:32 · 515 阅读 · 0 评论 -
element-ui二次封装实现全局回到顶部组件
文章目录前言一、实现方法1.创建 BackTop 组件2.全局注册组件3.使用组件二、组件效果总结前言在开发 vue 项目时,我们都可能用到 element-ui,但是有时 element-ui 提供的组件太简单或不满足应用的需求,因此我们需要在其基础上再对组件进行封装。 一、实现方法需先在项目中安装 element-ui:Vue项目使用element-ui1.创建 BackTop 组件在 components 文件夹创建 backTop 文件夹,然后在 backTop 文件夹中再创建 Ba原创 2021-03-30 23:07:18 · 523 阅读 · 0 评论 -
Vue项目使用element-ui
文章目录前言一、安装二、使用步骤1.引入库2.使用组件总结前言Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。开发 Vue 项目时,我们可以借助Element 提供的组件,更快更好的开发项目一、安装需有创建好 Vue 项目,这里可以参考 vue-cli3快速搭建Vue项目在项目根目录下安装:Vue 2.X 版本npm i element-ui -SVue 3.X 版本npm i element-plus -S在项目 package.jso原创 2021-03-30 16:42:36 · 605 阅读 · 0 评论 -
Vue项目打包后不能正常显示页面
项目场景:通过 Vue CLI 创建的 vue 项目,编写完项目后,通过 npm run bulid 对项目进行打包,再把打包得到的内容(dist文件夹)交给后端部署到服务器上。问题描述:对 vue 项目打包后,发现 dist文件中的 index.html 在浏览器中打开后页面内容无法显示,部署到服务器也一样不行,而 vue 项目在本地服务器运行时,页面是正常的。本地服务器运行的首页:打包后dist文件夹中的首页:没看错,是真的什么内容都没有 原因分析:vue 项目中缺少了 vue原创 2021-03-28 01:24:36 · 9421 阅读 · 1 评论 -
Vue项目安装axios实现http请求
文章目录前言一、安装axios二、使用axios1.引入axios2.GET 方法3.POST 方法总结前言我们都知道前端是需要向后端异步请求一些数据和服务的,即所谓的ajax技术。而Vue.js本身是没有ajax的能力,因此它需要使用 axios 来完成 ajax 请求。一、安装axiosAxios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中使用 npm:$ npm install axios使用 yarn:$ yarn add axios原创 2021-03-26 01:38:57 · 452 阅读 · 0 评论 -
vue-cli3快速搭建Vue项目
文章目录前言一、Vue.js是什么?二、使用步骤1.引入库2.读入数据总结前言在我们学了HTML、CSS、JavaScript(JQuery)之后,我们都会使用它们去写一些网站网页,而使用JavaScript原生去开发是一件比较痛苦的事情。因此开发框架就是我们在掌握了基础语言的基础上可以进一步去学习的知识,Vue框架就一个比较好的前端开发框架。一、Vue.js是什么?是一套用于构建交互式用户界面的渐进式框架提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API有简洁、数原创 2021-03-25 16:19:35 · 326 阅读 · 0 评论 -
小程序Mpx框架入门
文章目录简介一、Mpx的特点1.存在必要性2.设计思路3.与其他框架的区别二、安装使用1.相关命令2.项目创建演示三、Mpx在vscode中的相关插件四、学习Mpx框架开发1.Mpx具有的功能特性2.学习的资源总结简介Mpx是一款致力于提高小程序开发体验和开发效率的增强型小程序框架,附带完善的周边生态,提供了类似Vue的开发体验。通过Mpx,我们能够高效优雅地开发出具有极致性能的优质小程序应用,并将其输出到各大小程序平台和web平台中运行。一、Mpx的特点1.存在必要性原生小程序开发存在诸多原创 2021-03-21 17:32:42 · 2457 阅读 · 2 评论