传统html+vue+elementUI开发&nodeJS环境搭建

最新推荐文章于 2023-12-26 20:54:03 发布

西米露U

最新推荐文章于 2023-12-26 20:54:03 发布

阅读量220

点赞数

分类专栏：笔记 vue 文章标签： vue java npm

本文链接：https://blog.csdn.net/m0_46699799/article/details/108172641

版权

传统html+vue+elementUI开发&nodeJS环境搭建

ElementUI简介
Node.js
- 简介
- npm
Node.js环境搭建

ElementUI简介

我前面分享了关于VUE的好几篇博客，我们可以知道它的核心思想是组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,
所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件

有对这个比较感兴趣的可以去他们官网康康
ElementUI官网

类似前端框架还有iview

ElementUI官网首页
在这里插入图片描述
组件板块
可以看到有很多的组件案例

复制它的代码

复制到项目中之后需要稍作调整

<body>
<div id="mydiv">
  <el-button type='text' @click='open'>点击打开 Message Box</el-button>
</div>
</body>
<script>
	var vm=new Vue({
   
		el:'#mydiv',
		data:{
   },
		methods:{
   
			open(){
   
				this.$alert('<strong>这是 <i>HTML</i> 片段</strong>', 'HTML 片段', {
   
				  dangerouslyUseHTMLString: true
				});
			}
		}
		
	});

</script>

导入相关的依赖
需要在有网络的情况下

<script src

最低0.47元/天解锁文章

西米露U

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
传统html+vue+elementUI开发&nodeJS环境搭建

传统html+vue+elementUI开发&nodeJS环境搭建ElementUI简介Node.js简介npmNode.js环境搭建下载ElementUI简介我前面分享了关于VUE的好几篇博客，我们可以知道它的核心思想是组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件有对这个比较感兴趣的可以去他们官网康康ElementUI官网类似前端框架还有iview
复制链接

扫一扫