Vuejs 使用官网上面的例子

矫情吗；* 2022-04-18 02:20 250阅读 0赞

# vue.js报错 vue.js:597 \[Vue warn\]: Cannot find element: \#app #

**问题：** *vue.js:597 \[Vue warn\]: Cannot find element: \#app-4*  
检查了几遍代码没错，最后发现是引入vue的script必须放在body的末尾行。  
**解决：** 引入vue的script必须放在body的末尾行。

\------------------------------------------------------------------------------

1.使用vuejs 官网上面的例子，在控制台中发现了错误了，

> VM2369 vue.js:2658 \[Vue warn\]: Unknown custom element: <todo-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option.   
> (found in root instance)

此原因是需要先注册组件，然后新建Vue

，顺序不能颠倒

2.源码：

<div id="app-7">
      <ol>
        
        
        <todo-item v-for="item in groceryList" v-bind:todo="item"></todo-item>
      </ol>
    </div>

Vue.component('todo-item', {
      props: ['todo'],
      template: '<li>{
       { todo.text }}</li>'
    })
    var app7 = new Vue({
      el: '#app-7',
      data: {
        groceryList: [
          { text: 'Vegetables' },
          { text: 'Cheese' },
          { text: 'Whatever else humans are supposed to eat' }
        ]
      }
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，250人围观）

还没有评论，来说两句吧...

相关阅读

相关 vuejs+layui的使用

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构][Vue2_VueRouter2_webpack_Axios] 之前在项目中一...

矫情吗；*/ 2024年04月18日 15:29/ 0 赞/ 47 阅读

相关 jeecg官网(jeecg官网 ios开发)

360云盘在线预览文件和视屏播放 1. 服务端安装openOffice，可以将word等文档转化为pdf，后台用pdf2swf转成swf文件，前台调用FlexPaperV

叁歲伎倆/ 2023年09月26日 15:09/ 0 赞/ 104 阅读

相关 jquery官网(jquery下载官网)

官网在哪里官网　　官方论坛 ![jquery官网(jquery下载官网)\_jquery官网(jquery下载官网)][jquery_jquery_jquery_

ゝ一世哀愁。/ 2023年09月26日 15:01/ 0 赞/ 31 阅读

相关 jdk官网_jdk官网下载教程

www.java.sun.com 。 bin文件可以直接安装.rpm.bin解压后得到RPM文件.使用rpm-ivh命令来安装. 。看你是什么系统啊,只要你是xp的或

Myth丶恋晨/ 2023年09月24日 11:52/ 0 赞/ 32 阅读

相关 Vue3中使用render函数实例代码，对照官网文档，补全官网例子

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title

你的名字/ 2022年12月26日 00:56/ 0 赞/ 134 阅读

相关 Dubbo官网实战使用技巧

1、启动时检查：我们检查依赖的服务是否启动，可利用下面三个属性，优先级从左到右逐渐降低。如果服务不是强依赖，或者说服务之间可能存在死循环依赖，我们应该将 chec

今天药忘吃喽~/ 2022年10月27日 01:55/ 0 赞/ 120 阅读

相关 jasperreport官网

[http://jasperforge.org/projects/jasperreports][http_jasperforge.org_projects_jasperrepo

旧城等待，/ 2022年08月07日 02:53/ 0 赞/ 258 阅读

相关 Easyui--官网

英文官网：[http://www.jeasyui.com/][http_www.jeasyui.com] 中文官网：[http://www.jeasyui.net/][htt

青旅半醒/ 2022年07月13日 05:41/ 0 赞/ 242 阅读

相关 Tensorflow官网tfdbg的使用介绍

直接上一个使用的例子吧，将下面的代码保存了tfdbgdemo.py import numpy as np import tensorflow as tf

Love The Way You Lie/ 2022年05月14日 04:26/ 0 赞/ 218 阅读

相关 Vuejs 使用官网上面的例子

vue.js报错 vue.js:597 \[Vue warn\]: Cannot find element: \app 问题： vue.js:597 \[Vue w

矫情吗；*/ 2022年04月18日 02:20/ 0 赞/ 251 阅读