VUE3写电商系统(4)

VUE3写电商系统(4)

  • 1.环境
  • 2.知识点
    • 1.基础
    • 2.Pinia
  • 3.项目
    • 1.基础
    • 2.Element的主题颜色定制
    • 3.axios网络请求的配置封装
    • 4.降低eslint的组件命名规则
    • 5.router配置一级二级路由
    • 6.scss文件的自动导入
    • 7.用axios访问后端数据渲染到前端页面
    • 8.用vueUse实现吸顶导航
    • 9.用pinia统一管理state和action
    • 10.用props和slot对封装组件传参实现复用
    • 11.用vueUse和全局指令实现图片懒加载
    • 12.获取路由上的参数
      • 1.面包屑上用useRoute获取路由参数
      • 2.轮播图定义不同的参数
    • 13.路由缓存
      • 1. 给 routerv-view 添加key属性,破坏缓存
      • 2. 使用 onBeforeRouteUpdate钩子函数,做精确更新
    • 14.排序方式按钮的双向绑定
    • 15.列表无限滚动加载并定制路由滚动行为
      • 1.列表无限滚动加载
      • 2.跳转路由时滚轮回顶
    • 16.小图切换大图
    • 17.放大镜
    • 18.组件的全局注册使用
    • 19.表单验证
    • 20.使用pinia统一管理用户相关数据和方法
  • 4.资料

1.环境

1.使用create-vue创建项目:npm init vue@latest,然后选择并按步骤运行(使用到了router,pinia,eslint)。npm run dev 运行程序。
在src下建文件目录:apis,composables,directives,styles,utils。
然后做git仓库管理:

git init
git add . 
git commit -m 'init'

给google浏览器安装一个vue调试插件:Vue.js devtools

2.知识点

1.基础

1.组合式API:

你可能感兴趣的:(VUE,vue.js)