风尚前端学习-网页HTML引入element-ui库

导言:在HTML页面开发中。有时候一些复杂的菜单复选框漂亮的按钮啥的,

风尚前端学习-网页HTML引入element-ui库_第1张图片

需要用到一些插件以及ui库今天教大家如何在HTML中引入element-ui库

风尚前端学习-网页HTML引入element-ui库_第2张图片

 大家好,我是风尚,一个web前端开发者,著作风尚云网|首页,

博客园,简书等平台均搜索风尚云网


废话不多说,开搞

其实饿了么官方插件文档中说明:Element - The world's most popular Vue UI framework

风尚前端学习-网页HTML引入element-ui库_第3张图片

但是!注意不要直接复制文档中的css跟js,因为你永远不知道官方文档多久更新一次!!!

上面的cdn 引入可能已经失效或者不是最新版

该代码为官方示例:




  
  
  


  
Button

Try Element

该代码已经测试到浏览器上:

风尚前端学习-网页HTML引入element-ui库_第4张图片  

什么ui都没显示,足以认定该cdn已经失效!!!!

这样的话,怎么办?


解决方案:

因为饿了么ui基本上基于vue制作的,引入最新的vuecdn即可解决该问题

安装 — Vue.js





    



    
安装 Button

Try Element

风尚前端学习-网页HTML引入element-ui库_第5张图片


今天教程就到这里,有什么问题欢迎下方评论 

你可能感兴趣的:(风尚云网学习,学习,elementui,前端)