首页 > 网页制作 > HTML/Xhtml

一分钟带你体验html+vue+element-ui的丝滑 游戏攻略

admin HTML/Xhtml 2022-02-04 21:47:14 html   vue   element-ui"

技术迷

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

在你的网页的</code>标签下添加</p> <pre class="brush:xhtml;"> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></pre> <h3>引入js</h3> <p>在<code>html</code>下面,<code><body></code>里加入</p> <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> <p>文件源码</p> <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内容请搜索潘少俊衡以前的文章或继续浏览下面的相关文章,希望大家以后多多支持潘少俊衡!

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/HTML/70282.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持