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

喜欢前端的后端MelodyJerry

于 2021-02-03 20:11:33 发布

阅读量822

点赞数

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

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

版权

本文记录了Vue开发过程中的几个常见问题，包括组件名必须全小写以避免错误，methods和computed中调用方法时的规范，以及methods与computed方法名不能重名，重名会导致方法调用混乱。

摘要由CSDN通过智能技术生成

最后更新时间：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/vue@2.5.21/dist/vue.min.js"></script>
    <script>
        //先注册组件，定义一个Vue组件component
        Vue.component<