やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

ElementPlusを使ってみる

 ボタンを使ってみた。

成果物

情報源

コード

 CDNが使える。

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.prod.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-plus/lib/index.full.js"></script>
<div id="app">
  <el-button>{{ message }}</el-button>
</div>
<script>
document.addEventListener('load', (event)=>{
    const App = {
        setup() {
            const onClick = ()=>{
                alert('今のは痛かった……痛かったぞぉおおお!');
            };
            return {
                onClick,
            };
        },
    };
    const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount("#app");
});

対象環境

$ uname -a
Linux raspberrypi 5.4.83-v7l+ #1379 SMP Mon Dec 14 13:11:54 GMT 2020 armv7l GNU/Linux