vuecli开发

• 安装nodejs后
• 根目录 C:\Users\22232\Desktop\lv>
• 下 执行npm install -g vue-cli
• 创建 vue init webpack lvvue（名字）
• 一直enter
• 按照要求cd lvvue
• npm run dev
• 项目创建完成
• 默认文件Helloword.vue
• 在router下的index.js中写路径
• main.js是主入口---将vue导入--->1.生子app大组件的导入---->2.导入路由省略index.js----->找到节点--->3.挂子-->4.用子--->挂路由
• 子组件的三组 ——————》1.template div——————》2.script定义子组件并导出
• index.js 导入vue-router模块 2.定义子组件3.使用vue-router4.实例化随想vue-router5.路由的规范3步骤（path;name;component）6.main.js中挂路由7.大组件app中使用router-view组件使用

写一个页面

• 1.先做一个子组件，在components/tabBars.vue ---->首页
• 写底部导航 li的快捷方式 li*4.item

  

• 2.在大组件中显示tabbar在那个页面的tabbar都在

• 3.新建页面文件夹放置页面组件，有关系的都放入进去，在src中
• 4.每个tabbar中创建一个index.vue
• 5.书写每个tabbar的路由

• 6. 让默认状态是首页，重定向（路由写错了或者根目录直接是首页）

        // 重定向
        {
          path: '*',
          redirect: '/home'
        }
     

• 7.tabbar中的字体图标的使用
• css js fonts 引入

全局css引入

i标签 文字span包起来

• 8.底部tabbar弹性布局

            display: flex; /*默认行显示*/
              justify-content: space-around; /*水平平均*/
              align-items: center; /*垂直居中*/
              height: 60px;