首页 前端知识 HTML页面引入Vue和Element UI不起作用解决办法

HTML页面引入Vue和Element UI不起作用解决办法

2024-03-10 11:03:45 前端知识 前端哥 411 868 我要收藏

1、确认引入资源文件

HTML页面使用vue与element ui需引入资源文件

1.1链接引入

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  • 主义引入顺序,先引入vue的js文件,再引入element ui的js文件

1.2 本地引入

将1.1中资源文件下载到本地后,在页面中引入

2 DOM元素id与Vue的el相对应

<body>
<div id="app">
这里放vue与element ui内容
</div>
<script>
    new Vue({
        el:'#app', // 这里的#后面的内容与div的id相对应
        data: function(){
            return{
            }
        },
        methods:{
        },
    })
</script>
</body>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3544.html
标签
评论
发布的文章

jQuery之宽高

2024-04-05 09:04:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!