vue+elmentui+es6 兼容 ie11

webmi

于 2021-04-09 17:27:49 发布

阅读量2.3k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_38932474/article/details/115555580

版权

vue 专栏收录该内容

11 篇文章

订阅专栏

本文展示了一个使用Vue.js和ElementUI构建的基本示例。页面包含一个简单的Vue实例，使用了ElementUI的按钮组件。通过引入必要的Vue及ElementUI资源文件，并定义Vue实例的数据和挂载点，成功实现了页面元素的加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试elmentui 兼容ui11</title>
    <!-- 引入样式 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="./node_modules/babel-polyfill/dist/polyfill.js"></script>

</head>
<style>
    [v-cloak]{
    display: none;
}
</style>
<body>
    <div id="app" v-cloak>
        {{abb}}
        <el-button type="primary">主要按钮</el-button>
    </div>

</body>
<script>
    let a = 22;
    // alert(a)
    new Vue({
        el: '#app',
        data: function () {
            return {
                abb:'abb'
            }
        },
        
    })
</script>

</html>