zoukankan      html  css  js  c++  java
  • vue-葵花宝典

    router-view 中包含 router-view 这种情况就可以 使用嵌套路由了

    变化的视图中包含变化的视图

    代码层面

      router-view 中 包含router-view 

      路由children路由

    nrm 管理npm 下载包的源,配置私有镜像源;

    nrm ls 查看 npm 可供下载包的 地址

    关闭vue项目 eslint 语法检测

     项目上线时的小细节

    app.js 很大(至少1MB) 建议进行 代码 拆分。
    app.js 很小(不到1MB) 也可进行 代码 拆分,但是当你路由跳转的时候,会多发一次HTTP的请求,这样式不是合理的。
    合理使用 vue的异步组件 提升vue项目页面的性能
    router>index.js
        {
          path: '/',
          name: 'Home',
          component: ()=>import('@/pages/home/Home')
        },
        {
          path: '/city',
          name: 'City',
          component: ()=>import('@/pages/city/City')
        },
        {
          path: '/detail/:id',
          name: 'Detail',
          component: ()=>import('@/pages/detail/Detail')
        },
    
    局部组件 也异步组件拆分呢?
    // import HomeHeader from './components/Header'
    import HomeSwiper from './components/Swiper'
    import axios from 'axios'
    export default {
      name: 'HOME',
      components:{
        HomeHeader:()=> import('./components/Header'),
        HomeSwiper:HomeSwiper,
      },

     如何查看 当前电脑vue cli 的版本

    1 vue -V
    2 npm list --depth=0 -g
    3 vue-cli 2.0 安装/卸载
      npm install vue-cli –g
      npm uninstall vue-cli -g
    4 vue-cli 3.0 安装/卸载
      npm install -g @vue/cli
      npm uninstall @vue/cli -g
     vue --version 查看版本号

     vue-cli 3.0 安装

    1 vue create vue-sell-cube

     最后一项 是问你 是否保存当前配置,如果你选了 yes ,以后安装都是 你这次安装的 配置选择,这里我选了 no;

    安装完成后,它会提示下面2句话,跟vue-cli 2.0 不一样的是,npm run dev 换成了 npm run serve

    1、cd vue-sell-cube
    2、npm run serve
    3、运行 npm run serve 如下图 本地访问 与 ip地址访问

  • 相关阅读:
    MySQL-8.0.18生成随机密码特性
    Oracle-19C新特性-自动清理网络日志文件
    Oracle-管理Data Guard Standby Database
    页面部分文字模糊问题修复
    C语言 指针数组
    C语言 指针和数组区别
    C语言 使用指针遍历数组
    阿里云服务器(ECS)在Ubuntu 18.04安装Docker
    Python总结之处理时间(time)、日期时间(datetime)、日历(calendar)
    终生制:疯狂创客圈 JAVA 架构班(又名 疯狂创客圈社群VIP)
  • 原文地址:https://www.cnblogs.com/suni1024/p/11438329.html
Copyright © 2011-2022 走看看