程序员书籍笔记 程序员书籍笔记
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • Vue

    • Vue基础
    • Vue前置知识
    • webpack
    • Vue基本使用
    • Vue基本使用+
    • Vue组件
    • Vue生命周期
    • Vue生命周期+
    • Vue插槽
    • Vue组件库
    • 网易云音乐案例
    • 案例
      • 购物车案例
      • tabbar 案例
      • 知识点补充
      • props 变量配置项
    • Vuex
    • Vue3.0
    • vue动画
    • 项目常用

    • 问题记录

    • vue模板
  • Nuxt

  • Echarts

  • Node

  • git

  • express

  • 微信小程序

  • Spring

  • 后端知识

  • Markdown

  • project

  • 自用文档查询

  • 框架和软件
  • Vue
yuadh
2022-03-04
目录

案例

# 购物车案例

  • 项目初始化,自定义头部
  • 数据铺设
  • 选中效果、全选效果、商品数量控制效果

# tabbar 案例

  • 初始化项目,搭建环境
  • 顶部组件,底部组件点击就亮
  • 动态组件设置

# 知识点补充

# props 变量配置项

  • type :数据类型

  • required :是否必须传入参数

  • 自定义校验规则

    validator

    props:{
    arr:{
     type:Array,
     required:true:
    validator(value){
    if(value.length>2 && value.legnth<5){
        return true                  
      }
    }else{
     return  false
    }
    }
    }
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
编辑 (opens new window)
上次更新: 2023/02/07, 14:51:48
网易云音乐案例
Vuex

← 网易云音乐案例 Vuex→

Theme by Vdoing | Copyright © 2021-2023 yuadh
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×