Vant UI + Vue + Cli3.0 + Rem移动端项目搭建 1. 创建vue项目 创建项目 引入less (通过vue ui 可视化页面安装依赖插件) 2. 引入...
Vant UI + Vue + Cli3.0 + Rem移动端项目搭建 1. 创建vue项目 创建项目 引入less (通过vue ui 可视化页面安装依赖插件) 2. 引入...
@我是大帅b 放弃了😥自己去看笔记
JS——数组的方法 & 高阶函数一、数组基本用法 1、创建数组方法 (1)使用new关键字 (2)使用中括号[], 推荐 (3)使用Array.of() 2、数组的长度(属性) 数组的长度:就是数组中元素的...
场景:在做后台管理项目时,需要对不同的角色分配不同的菜单权限,所以用到了el-tree组件 使用组件过程中遇到了一些问题 问题一 :半选状态下的父菜单ID不会被提交 新增角色...
简介 Saber 是 SpringBlade 前端 UI 框架,主要选型技术为 Vue、Vuex、Avue、Element UI,项目基于 Vue CLI 构建。 Saber...
一、vue-router4 vue-router[https://next.router.vuejs.org/zh/installation.html] 1、安装vue-ro...
一、父子组件传值 父组件通过props向子组件传值,子组件通过emit触发自定义事件传递新值给父组件。props:setup函数中第一个参数props用于接收父组件传递进来的...
一、Hook函数 Vue3 的hook函数相当于 vue2 的 mixin,不同点在于hooks是函数。Vue3的hook函数可以帮助我们提高代码的复用性,能在不同的组件中都...
一、Vue-Cli vue3使用环境:Vue CLI 4.x以上,Node.js版本 8.9以上。 main.js 二、Vite Vite[https://vitejs.cn...
一、初始Vue3 Vue3官方地址[https://v3.cn.vuejs.org/] 1、导入Vue3 2、创建vue实例 Vue3和Vue2创建vue实例的区别:① 在V...
一、介绍 Mock.js[http://mockjs.com/]是用来模拟产生一些虚拟的数据,可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url,mock...
一、过渡 1、单元素/组件的过渡 Vue 提供了transition的封装组件,将需要有过渡效果的内容用transition组件包裹起来。v-enter:这是入场动画开始之前...
一、key v-for绑定key值,为什么不建议使用index作为key值?如果只是展示列表数据,key值可以是索引;如果列表中的数据会经常发生变化,特别是列表数据的位置会发...
一、初始化Vuex Vuex[https://vuex.vuejs.org/zh/]是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的...
一、父子组件传值 1、父传子 (1)props 父组件向子组件传值,可以通过绑定属性传值;子组件通过props接收父组件传值。父组件: 子组件: (2)$attrs 父级传过...
一、项目简介 该项目是制作京东移动端页面,完成首页头部搜索和底部导航布局,利用 swiper 完成首页的轮播图效果以及 nav 和超值购区域布局,最后点击底部导航的‘分类’可...
一、路由传参 1. params 参数 (1)params 参数 路由配置 页面 (2)v-html指令 v-html指令,可以渲染富文本内容(包含html信息的内容)。v-...
一、Vue Router路由 Vue Router[https://router.vuejs.org/zh/]是Vue.js官方的路由管理器,可以实现页面的跳转。 1、安装 ...
一、初始Vue-Cli Vue CLI[https://cli.vuejs.org/zh/]是一个基于 Vue.js 进行快速开发的完整系统。 1、安装 全局安装Vue-Cl...
一、webpack介绍 webpack[https://www.webpackjs.com/]是静态模块打包器。webpack默认会通过 index.js 作为入口文件,并作...
一、深入理解v-model v-model 其实就是 v-bind: 和 v-on: 的语法糖。将自定义组件,绑定数据的属性改成value,监听事件的名称改成input,也可...