创建一个简单的VUE脚手架

创建一个简单的VUE脚手架

0. 下载安装npm i -g vue-lic
1. 搭脚手架
   1. 新建一个空白的文件夹
   2. 执行脚手架的创建命令 vue create 项目的文件名
2. 观察程序的结构
   1. 在src中新建一个views文件夹，这个文件夹一般放置页面级别的组件
   2. 创建一个新的组件
      组件的结构：

          <template>
              ...这里写组件的结构
          </template>
      
          <script>
              export default {
                  ...这里写组件的逻辑
              }   
          </script>
      
          <style>
              ...这里写组件的样式
          </style>
      

3. 将子组件加载进父组件
   1. 在父组件app中导入子组件的包，import 组件名称 from '组件位置'
   2. 在vue属性components中添加组件:

          components: {
              组件名称
          }
      

   3. 在template标签中添加组件，以标签的形式写
      <组件名></组件名>或<组件名/>或动态添加的形式<component :is="组件"></component>