image.png
组件引入的2种方法：
父组件和子组件之间的传递方式：
image.png
<com-a>
<p> 123 </p>
</com-a>
<slot></slot>
//这里的slot可以设置默认值 eg：<slot>default slot</slot>
//slot中有name属性，eg：
<slot name="header"></slot>
//other js
<com-a>
<p slot="header"></p>
</com-a>
keep-alive 内置标签
打个比方，可以这样理解：目前有a和b 2个组件，我如果从a组件 切换到 b组件，这时候 a组件已经被缓存了，如果下次再切换到 a组件，加载速度就会快一点，这就是keep-alive的作用。
子组件 emit ，父组件来接受。
总结：
image.png
=== Vue组件Vue组件的创建vue.extend结合vue.component创建vue.component...
1.创建组件 Vue.extend、Vue.component结合创建 Vue.component创建 templ...
vue.component 注册全局组件 vue.extend 创建组件构造器 vue.component(组件名...
vue-class-component 本文翻译自 vue-class-component 给 class 类型的...
vue.js的component 分全局注册Vue.component()和局部注册components: {} ...
app.vue my-component.vue
一：Vue.component中的template属性规则： 错误写法： Vue.component('tr-it...
VUE中可以存放的属性 vue自带的标签
vue3[Vue warn]: Vue received a Component which was made a...
Vue.component使用 一： 新建一个 component-moke1.vue 文件 在** main.j...
本文标题：vue component
本文链接：https://www.haomeiwen.com/subject/dozowftx.html
网友评论