Vue中的深坑——component和components

废话不多说，直接上代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>父子组件的通讯</title>
</head>
<body>
<template id="tem"><div><h2>{{child_books}}</h2><p>{{child_message}}</p></div>
</template>
<div id="box"><h3>{{message}}</h3><!--使用组件--><zujian v-bind:child_books="books" v-bind:child_message="info"></zujian>
</div>
<script src="vue.js"></script>
<script>const temp = {template:'#tem',props:['child_books','child_message'],}const app = new Vue({el:'#box',data:{message:'this is my vue template',books:['风起云涌','祸起萧墙','不灭之身','雄霸天下'],info:'这里是app中的info信息',},components:{zujian:temp,}})
</script>
</body>
</html>

这里真的是坑死我了，上午刚刚掉进坑里，现在东西一多，又掉进坑里了，这是什么坑呢——组件中的component和components
component：在全局变量中使用 Vue.component(字符串,组件构造器);这里是使用component
而components呢，是在Vue的实例对象中用于注册组件时使用的。最主要的是什么呢，主要是webstorm里面在父组件中写component的时候，会直接出现component，而不是components
哎代码一遍一遍检查真累！

Vue中的深坑——component和components相关推荐

vue v-html scoped,基于vue中的scoped坑点解说
今天在覆盖iview组件样式的时候发现一个问题,就是无法覆盖组件原有的样式,最后在github的issue中找到了答案: 不要使用scoped属性.于是我查找了下关于scoped的文章. 我们假设把这 ...
vue移动端深坑之微信浏览器相关优化方案
目前微信浏览器对前端还是比较友好的,最近正在搞的一个项目,同一个页面在iOS的夸克浏览器中页面会因为软键盘的弹出莫名其妙的移位,因为用了fixed布局,目前还没有解决,等有时间再优化适配吧毕竟微信浏览 ...
解说vue开发过程中的“深坑”，HeyUI组件库开发总结
HeyUI 如果对我们组件库不熟悉的小伙伴可以参见我们官网:heyui.top或者围观我们的github:github.com/heyui/heyui 这一篇主要说的是vue使用中遇到的常见并且很难解 ...
Vue中的的坑（二）——组件的包裹：div
废话不多说,直接先上代码 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
vue中如何在登陆页面不显示导航栏
导航栏作为系统的通用组件,我并不想让其显示在登陆页面中,因此可以按照以下方法实现 1.将通用组件如导航栏等和<router-view />放在一起 app.vue <div>& ...
如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表
本文首发:<如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表> 使用 Chart.js 在 Vue 搭建的后台管理工具里添加炫酷的图表,是所有数据展示类后台必备的功 ...
vue component created没有触发_详解在Vue中使用TypeScript的一些思考(实践)
Vue.extend or vue-class-component 使用 TypeScript 写 Vue 组件时,有两种推荐形式: Vue.extend():使用基础 Vue 构造器,创建一个&qu ...
Vue中一些需要注意的点（采坑）
前言:记录在学Vue中需要注意的问题 1.给link添加事件.给组件绑定原生事件在vue-router1中使用v-link写入路由,但是在vue-router2中要使用router-link写入路由 ...
vue中使用svg-icon遇到的坑
1.每次在项目中使用icon的图标时,总是觉得引入很长的路径很麻烦,最近发现一个插件挺好用的,svg-sprite-loader svg-sprite-loader实际上是把所有的svg打包成一张雪碧 ...

Vue中的深坑——component和components

Vue中的深坑——component和components相关推荐

最新文章

热门文章