Vue踩坑记录(2020年11月15日)

最新推荐文章于 2022-04-21 17:57:31 发布

VIP文章喜欢前端的后端MelodyJerry

最新推荐文章于 2022-04-21 17:57:31 发布

阅读量811

点赞数

分类专栏： # Vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43438052/article/details/109703768

版权

最后更新时间：2020年11月15日

组件名必须全小写

官方文档没有声明组件名必须全小写

Vue.component('my-component-name', {
   
  // ... options ...
})

但是我的第一个Vue组件踩了这个坑

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My First Vue</title>
</head>

<body>
    <!-- view层 模板 -->
    <div id="app">
        <!-- <li> Hello, MelodyJerry! </li> -->
        <MelodyJerry> Hello, MelodyJerry! </MelodyJerry>
    </div>

    <!-- 1.导入Vue.js -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
    <script>
        //先注册组件，定义一个Vue组件component
        Vue.component<

最低0.47元/天解锁文章

优惠劵

喜欢前端的后端MelodyJerry

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue踩坑记录(2020年11月15日)

组件名必须全小写官方文档没有声明组件名必须全小写Vue.component('my-component-name', { // ... options ...})但是我的第一个Vue组件踩了这个坑<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>My First Vue</title></head>.
复制链接

扫一扫