vue入门003~vue项目引入element并创建一个登录页面
admin
2023-02-12 18:20:03
0次
上一节已经教大家如何创建一个vue项目，这一节，我们就温故下vue项目的创建，顺便引入element，实现一个简答的登陆页面。
老规矩，先看效果图
一，快速创建vue项目
二，引入element类库
首先我们进入element官网：https://element.eleme.cn/#/zh-CN/component/installation
简单熟悉下element。然后如下图所示引入element类库。
做完上面的操作后，不要忘记安装依赖。
三，在main.js里引入使用
如下图红色框里所示
四，改造HelloWorld组件如下图
下面我把HelloWorld.Vue的完整代码贴出来给大家
系统登陆
登陆
五，运行项目查看效果
运行效果如下
到这里就完整的使用vue+element实现了登陆页的ui样式了。
后面我还会系统的更新更多vue入门相关的文章，还会录制对应的视频出来，敬请关注。
下一篇：jQuery实现楼梯效果
相关内容
热门资讯
中国海警局新闻发言人就菲位南海...
中国海警局新闻发言人姜略表示，7月24日，菲律宾组织7艘公务船、3艘海警舰、1艘运鱼船，并唆使大量渔...
外交部回应美国对数十国加征关税
7月24日，外交部发言人林剑主持例行记者会。有记者问：美国新一轮关税措施将于今天生效，外交部能否就此...
台湾岛以东相关海域治理进入经济...
为全面了解我国管辖海域渔业资源状况，7月17日至23日，农业农村部中国水产科学研究院东海水产研究所，...
日本正式决定设立国家情报局：系...
据凤凰卫视报道，日本政府7月24日正式决定设立国家情报局，计划于31日召开首次国家情报会议。这是日本...
伍斌任福建省副省长
据“新福建”客户端消息，7月24日，福建省十四届人大常委会第二十三次会议闭幕。会议表决通过了有关人事...
滚筒洗衣机脱水转不起来
滚筒洗衣机脱水转不起来：1、洗衣机顶盖的安全开关损坏。洗衣机在脱水的过程属于高速运作的机械运动。在脱...
洗衣机甩干桶嗡嗡响转不起来
洗衣机甩干桶嗡嗡响转不起来1、可能是洗衣机甩干桶下面的相关轴承长时间使用，缺乏润滑油导致的。2、可能...
不平衡滚筒洗衣机脱水转不起来
不平衡滚筒洗衣机脱水转不起来洗衣机不脱水时，首先检查洗衣机内是否有水。如果有水，首先打开排水阀检查里...
洗衣机脱水桶转不起来
1、有可能是因为洗衣机的内筒当中所放置的衣物过多了导致的。2、还有可能是因为电压不正常导致的。3、也...
西门子洗衣机滚筒转不起来
西门子洗衣机滚筒转不起来可能是以下几种原因：电压过低，导致滚筒洗衣机转不动；洗涤的物品太多会导致滚筒...