DEV Community

ChuangWANG
ChuangWANG

Posted on

Vue-3.x & Element-UI-3.x simple demo

<html>
    <head>  
        <script src="https://unpkg.com/vue@next"></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>

    </head>
    <body>
        <h1>Today is a good day.</h1>
        <div id="app">
            <el-button type="primary">{{ message }}</el-button>
        </div>
        <script>
            const App = {
                data() {
                    return {
                        message: "Hello Element Plus",
                    };
                },
            };
            const app = Vue.createApp(App);
            app.use(ElementPlus);
            app.mount("#app");
        </script>

    </body>
</html>

Enter fullscreen mode Exit fullscreen mode

Top comments (0)