初步了解vue的组件

Posted ssszjh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初步了解vue的组件相关的知识,希望对你有一定的参考价值。

compoent引入组件
1.先写好子组件x.vue,需要从父组件传变量到子组件;

在子组件里写:props:[‘xx‘];为变量,技术分享图片

用法{{xx}}即可;技术分享图片
2.在全局样式里引用组件

import X from ‘./components/x.vue‘;
Vue.compoent(‘X‘,X);

技术分享图片
3.在你需要引用的vue页面里引用组件即可,如
<x xx="sss"></x>就好

技术分享图片






以上是关于初步了解vue的组件的主要内容,如果未能解决你的问题,请参考以下文章

vue 初步了解provide/inject

10分钟vue初步入门

10分钟vue初步入门

10分钟vue初步入门

523 vue (组件初步)

对于vue.js初步了解