注意看文件引入的前后顺序:
<link rel="stylesheet" href="elementUI/index.css">
<script src="vue2/vue.js"></script>
<script src="elementUI/index.js"></script>
<!--
此处吃过大亏,注意,必须要先引用vuejS 在引用element的index.js
不然死活你都整不出elementUI 效果
-->
这样就可以了,是不是很草率!
可以去试试看了!
<body>
<div id="app">
<h1>{{tst}}</h1>
<div v-for="i in 5">
<el-row>
<el-button>默认按钮</el-button>
<el-button type="primary">主要按钮</el-button>
<el-button type="success">成功按钮</el-button>
<el-button type="info">信息按钮</el-button>
<el-button type="warning">警告按钮</el-button>
<el-button type="danger">危险按钮</el-button>
</el-row>
</div>
</div>
<script>
new Vue({
el:"#app",
data:{
tst:"html+vue测试",
}
})
</script>
</body>
这是效果,出来了吧?哈哈哈哈