这是在Vue.js中的另一个组件内导入组件的方法
假设您有一个Pixel组件src/components/Pixel.vue
在另一个组件Canvas中,位于src/components/Canvas.vue
,您可以通过将Pixel组件导入到script
Vue单个文件组件的标签:
<template>
<p>Canvas</p>
<Pixel />
</template>
<script>
import Pixel from ‘./Pixel’
export default {
name: ‘App’,
components: {
Pixel
}
}
</script>
免费下载我的Vue手册
更多vue教程:
- Vue.js概述
- Vue.js CLI:学习如何使用它
- Vue.js开发工具
- 为Vue开发配置VS代码
- 使用Vue.js创建您的第一个应用
- Vue.js单个文件组件
- Vue.js模板和插值
- Vue.js指令
- Vue.js方法
- Vue.js计算属性
- 使用CSS样式化Vue.js组件
- Vue.js观察者
- Vue方法vs观察者vs计算的属性
- Vue.js过滤器
- Vue.js组件
- Vue.js插槽
- Vue.js组件道具
- Vue.js活动
- Vue.js组件通信
- Vuex,Vue.js状态管理器
- Vue,在另一个组件内部使用一个组件
- Vue,如何使用prop作为类名
- 如何将SCSS与Vue.js单个文件组件一起使用
- 在Vue.js中使用Tailwind
- Vue路由器
- 动态显示Vue组件
- Vue.js备忘单
- 使用Vuex将Vue数据存储到localStorage
- 如何使用Vue动态应用类
- Vue,如何使用v模型
- Vue,为什么数据必须是函数
- Roadmap to become a Vue.js developer in 2020