【小白的进阶史之vue---2】idea+vue+element项目整合

这篇博客介绍了作者在vue项目中集成element-ui的体验和过程,包括element-ui的安装方法(通过npm或者手动修改package.json)以及在main.js中引入的步骤,强调了Vue相比jQuery的优点,如直观的数据绑定和生命周期管理。
摘要由CSDN通过智能技术生成

前言

这次做ops的运维系统用到了vue+element开发,不自觉地喜欢上了vue,不仅界面美观大方
而且就使用上而言Vue已经解决了之前jQuery很多痛点:

  1. 无需担心DOM回调,这种复杂性已经被封装。Vue的生命周期挂钩将允许更精确的控制,如果它需要。
  2. 在数据属性counter和它渲染输出DOM节点之间有一个明显的之间的链接。无需心理DOM,你可以看到它在网页上有保证,更新计数器不会弄乱你的DOM以意想不到的方式由于摇晃的节点选择。不再需要DOM复制,你可以看到它在网页上,保证更新计数器时不会由于靠不住的节点选择以意想不到的方式弄乱你的DOM。
  3. 我们没有模棱两可的API方法需要查找或记住。不同的功能被很好的组织和分层在Vue构造函数对象中,或能通过指令直接应用到模板中的DOM节点,这些指令提供更多的易于理解的上下文。

因此,让我们一起欢快地踏上vue旅程吧!

element-ui安装

在vue项目整合好后(可参照【小白的进阶史之vue—1】idea新建vue项目),进行以下两种方式均可安装element-ui:

  1. npm i element-ui -S命令进行安装,如图:在这里插入图片描述
  2. 也可以在package.json中添加,后通过npm(cnpm) install进行安装:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Charon_Frame

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值