您现在的位置是：网站首页> 编程资料编程资料

一分钟带你体验html+vue+element-ui的丝滑html直接引用vue和element-ui的方法

2021-08-29 1510人已围观

简介 本文通过实例代码给大家介绍了html vue element-ui的相关知识，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧

技术迷

  • html 网页，你指定知道
  • vue 尤尤开发的前端框架
  • element 外卖团队的前端ui

在你的网页的</code>标签下添加</p><div class="jb51code"><pre class="brush:xhtml;"><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></pre></div><h3>引入js</h3><p>在<code>html</code>下面，<code><body></code>里加入</p><div class="jb51code"><pre class="brush:xhtml;"><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script src="https://unpkg.com/element-ui/lib/index.js"></script></pre></div><p>文件源码</p><div class="jb51code"><pre class="brush:js;"><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title

{{ message }}

效果

在这里插入图片描述

总结

去https://codesandbox.io/s/compassionate-rgb-kmcyx?file=/index.html网站把源码拷贝进去运行
如何运行
拷贝进去ctrl+s保存，点击右面小窗口的刷新就可以
element-ui
https://element.eleme.cn/#/zh-CN/component/table
组件很多，想用的照着上面那个表格照葫芦画瓢用就行了

到此这篇关于一分钟带你体验html+vue+element-ui的丝滑的文章就介绍到这了,更多相关html vue element-ui内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

上一篇：html转pdf截图保存功能的实现极强PDF转换器如何将ppt转换成html网页格式html转换为pdf案例的一些总结（多图推荐）

下一篇：HTML中div嵌套div的margin不起作用的解决方法html中使用margin:0 auto整个页面不居中的解决方法HTML和CSS的关键:盒子模型(Box model)-CSS教程-网页制作-网页教学网HTML教程,HTML默认样式

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网