创建一个简单的VUE脚手架
- 下载安装
npm i -g vue-lic - 搭脚手架
- 新建一个空白的文件夹
- 执行脚手架的创建命令 vue create 项目的文件名
- 观察程序的结构
- 在src中新建一个views文件夹,这个文件夹一般放置页面级别的组件
- 创建一个新的组件
组件的结构:<template> ...这里写组件的结构 </template> <script> export default { ...这里写组件的逻辑 } </script> <style> ...这里写组件的样式 </style>
- 将子组件加载进父组件
- 在父组件app中导入子组件的包,
import 组件名称 from '组件位置' - 在vue属性components中添加组件:
components: { 组件名称 } - 在template标签中添加组件,以标签的形式写
<组件名></组件名>或<组件名/>或动态添加的形式<component :is="组件"></component>
- 在父组件app中导入子组件的包,









