Vue2+ElementUI Demo

曹振华

于 2024-08-19 17:30:02 发布

阅读量36

点赞数 1

分类专栏： vue.js element 文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/chadcao/article/details/141330802

版权

vue.js 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

element

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Vue2+ElementUI Demo</title>
		<!-- <link rel="stylesheet" href="element/index.css"> -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css">
	</head>

	<body>
		<div id="app">
			<el-input v-model="item.code" placeholder="请输入编码"></el-input>
			<el-input v-model="item.name" placeholder="请输入名称"></el-input>
			<el-button @click="test" type="primary">默认按钮</el-button>
		</div>
		<!-- <script src="vue.js"></script> -->
		<!-- <script src="element/index.js"></script> -->
		<script src="https://unpkg.com/vue@2.7.14/dist/vue.js"></script>
		<script src="https://unpkg.com/element-ui@2.15.13/lib/index.js"></script>
		<script>
			new Vue({
				el: '#app',
				data() {
					return {
						item: {
							code: '',
							name: ''
						}
					};
				},
				methods: {
					test() {
						let _this = this;
						console.log(_this.item);
					}
				},
				mounted() {
					console.log('mounted');
				},
				created() {
					console.log('created');
				},

			})
		</script>
	</body>
</html>