vue.js学习笔记(一)
来源:互联网 发布:小学语文网络研修计划 编辑:程序博客网 时间:2024/05/30 05:00
最近在通过vue.js的官网学习其框架,我将会把我在学习过程中遇到的错误和自己的收货分享出来,希望与大家共勉。
html代码:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue.js</title></head><body> <div id="app"> <ul> <todo-item v-for="item in groceryList" v-bind:todo="item"></todo-item> </ul> </div> <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="testvue.js"></script></body></html>
js代码
window.onload = function() { Vue.component("todo-item", { props: ["todo"], template: "<li>{{todo.text}}</li>" }) var app = new Vue({ el: '#app', data: { groceryList: [ {text: "a"}, {text: "b"}, {text: "c"} ] } });}
在做这个例子的过程,发现我的代码老是报错,具体为:
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. (found in root instance)
这个错误出现的原因是我在测试的过程中先新建了Vue,然后注册组件,即先 new Vue,之后 Vue.component。反过来错误即可解决。
0 0
- Vue.js - 学习笔记 (一)
- Vue.js学习笔记(一)
- vue.js学习笔记(一)
- Vue.js(慕课网学习笔记一)
- Vue.js学习笔记(一)
- Vue.js学习笔记(一)
- vue.js学习(一)
- vue.js学习笔记,一、安装部署
- Vue.js学习系列一 —— vue-router2学习实践笔记(附DEMO)
- Vue.js学习系列一 —— vue-router2学习实践笔记(附DEMO)
- Vue.js学习系列一 —— vue-router2学习实践笔记(附DEMO)
- Vue学习笔记(一)
- Vue 学习笔记(一)
- vue学习笔记(一)
- vue学习笔记(一)
- vue学习笔记(一)
- Vue.js零基础学习笔记(一、二章Vue介绍)
- Vue.js 学习(一)
- PHP中数组是按值传递的
- 安装织梦V5.7手机模板文本教程
- 回归,将要继续更新博文
- $ionicView的事件
- [已解决]dialog的edittext有焦点却起不来键盘
- vue.js学习笔记(一)
- Vim 打开文件同时定位到某一行
- Menu/Dialog/PopupWindow
- ubuntu启动自动挂载其他分区(如挂载Win+Linux双系统中的ntfs分区)
- leetcode--Word Pattern
- web项目需要做好的事之一
- 练习
- 第41篇白板同步延迟问题(三)
- 迷瘴