vue 组件学习

Posted 玉&

tags:

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

1、定义全局组件

html:

js:

输出结果:

2、定义局部组件(只在当前作用域有效)

html:

js:

3.组合组件

1.使用props 传递数据(子组件使用父组件的数据)

html:

js:

输出结果:<span>hello</span>

动态props:

我们可以用 v-bind 来动态地将 prop 绑定到父组件的数据。每当父组件的数据变化时,该变化也会传导给子组件: 

html:

js:

 

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

vue2.0学习笔记之组件

vue中的组件

vscode代码片段生成vue模板

vue3中的fragment(片段)组件

vue.js 2 - 将单个文件组件的 html 片段提取到独立文件中

Vue组件之全局组件与局部组件