ElementUI 是一個基于 Vue.js 的組件庫,擁有豐富的組件、樣式、布局等功能。但是,如果你不想使用 Vue.js,你仍然可以使用 ElementUI,只需單獨引用樣式和 JavaScript 文件即可。
首先,你需要從 ElementUI 官網上下載 CSS 和 JavaScript 文件。將它們添加到你的項目中。
<link rel="stylesheet" href="path/to/elementui.css"> <script src="path/to/elementui.js"></script>
接下來,你需要編寫 HTML 代碼,并通過 JavaScript 來初始化 ElementUI 組件。
<!-- HTML --> <div id="app"> <el-input v-model="message"></el-input> <el-button @click="handleClick">Submit</el-button> </div> <!-- JavaScript --> <script> new Vue({ el: '#app', data: { message: '' }, methods: { handleClick: function() { alert(this.message); } } }); </script>
在上面的例子中,我們使用了 ElementUI 的 Input 和 Button 組件。我們使用了 Vue.js 的語法來綁定組件數據,并添加了點擊事件處理函數。
最后,我們需要在 HTML 中引用 Vue.js 代碼:
<!-- HTML --> <script src="path/to/vue.js"></script>
通過上面的步驟,我們成功地使用 ElementUI 創建了一個比較簡單的頁面,而不需要使用 Vue.js。