vue初步学习组件基础

编译软件：vscode

技术：vue

1.首先创建好一个vue项目方便我们使用，不会创建的可以看我的上一篇文章

2.创建一个新的文件MyComponent(注意vue的组件必须是多单词的，不然会报错)

3.在MyComponent中输入模版，由三部分组成，<template>/<script>/<style>

4.在APP.vue中，引入组件，挂载组件，显示组件，缺一不可，注意！名称要对应上，显示组件可重复多次使用

5.在保证上面的步骤都正确的情况下，运行后端 npm run serve，至此基础的组件基础就成功展示了

6.更多组件基础操作可以到官方文档继续学习

组件基础 | Vue.js (vuejs.org)