上面所设置的属性值,就是下面enter-active和leave-active类名的前缀,如果在使用transition标签时没
原创 精选 10月前
259阅读
vue过渡效果
转载 2017-06-20 15:38:00
275阅读
2评论
实现功能:树结构、右键菜单、拖拽 效果vue2 + js版/components/drag-tree/utils/utils.jslet _treeId = 0; /** * 初始化树 * @param {Array} tree 树的原始结构 * @param {Object} props 树的字段值 * @param {Boolean} defaultExpandAll 是否展开节点
文章目录动画效果过渡效果单个元素多个元素Animate.css总结todolist 增加动画效果动画效果
原创 2022-06-06 14:17:55
1404阅读
方法一:使用 Vue 的 <transition> 组件这是 Vue 官方推荐的方法,提供更丰富的过渡效果vue<template> <div class="list-container"> <div v-for="(item, index) in list" :key="index"
原创 4月前
59阅读
vue2.0项目的搭建及相关工具的安装 文章目录vue2.0项目的搭建及相关工具的安装一、打开命令行二、cd到你想要创建项目的目录下运行命令三、选择vue项目的版本四、运行项目五、安装一些工具安装axios安装路由安装sass安装UI六、自定义工具类缓存工具类时间工具类 搭建条件:已经安装好Node.js并配置了阿里云镜像 一、打开命令行在要创建项目的文件夹下打开cmd。或者在VSCode里打开终
之前我们使用 HTML 的时候,我们表单中的数据大部分都是通过 id 或者是 name 进行绑定,传递。现在我们换成了 Vue 之后,我们可以直接对数据进行双向绑定。来学习一下一、基本用法1. 普通文本框 text这个就不多说了,这个自己看一下就好了。2. 文本域 textarea这个绑定和上面的绑定方式一样,都是使用 v-model 进行绑定。3. 复选框 checkbox复选框绑定,
Vue过渡效果Vue.js框架中提供的一种动画效果,可以让元素在插入、更新或移除时拥有更流畅的视觉切换效果。使用Vue过渡效果可以为页面增添动感和交互性,让用户体验更加友好。
原创 精选 2024-03-05 16:59:26
255阅读
一、Home的子组件 在整理代码前可以先在页面中拆分一下,看看每一部分对应的是哪里的代码;划分好之后,在静态页面的代码里整理归纳,复制下来;在Home文件夹下分别创建各个组件文件夹,把整理好的代码粘贴进去;记得在Home里引入各个组件,注意不要拼错单词,这是我经常犯的错误;这一步比较简单,主要就是看是否细心和耐心,然后敲三个组件,其他直接复制粘贴就好。二、获取三级分类信息
不多说,直接上代码
ide
原创 2022-05-12 17:23:00
352阅读
Vuex简介vuex是一个专门为Vue.js设计的集中式状态管理架构。状态? 我们把它理解为在data中需要共享给其他组件使用的部分。Vuex和单纯的全局对象有以下不同:1、Vuex 的状态存储是响应式的。当vue组件从store中读取状态的时候,  若store中的状态发生变化,那么相应的组件也会相应的得到高效更新。2、你不能直接改变store中的状态。改变store中的状态的唯一途径就是显示的
转载 2023-07-04 15:19:07
193阅读
[动画]用Vue进行控制CSS制作的过渡效果编写CSS样式 实现基本过渡样式V
原创 2023-02-09 11:07:58
51阅读
众所周知,Vue的两大重要概念:数据驱动组件系统接下来我们浅析数据双向绑定的原理一、vue21、认识definePropertyvue2中的双向绑定是基于defineProperty的get操作与set操作,那么我们简单认识下defineProperty,作用: 就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性。那么我们先来看下Object.getOwnPrope...
原创 2021-08-26 11:28:00
467阅读
1评论
众所周知,Vue的两大重要概念:数据驱动组件系统接下来我们浅析数据双向绑定的原理一、vue21、认识definePropertyvue2中的双向绑定是基于defineProperty的get操作与set操作,那么我们简单认识下defineP
原创 2022-03-08 14:30:19
303阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
393阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件 安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint 用于检查和标示出ECMAScript/JavaScript代码规范问题工具。 (2)@babel/eslint-parser 简而言之就是一个解析器,允许您使用ES
转载 2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载 2017-06-24 05:50:00
220阅读
vue2
原创 2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况,因为是内网开发,大致记录下兼容过程。问题1:ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题,控制台也不报错,但是ie11浏览器就打不开,控制台报错----显示语法错误:,了解后发现ie浏览器不支持es6,可以通过core-js/stable及regenerator-runtime/runtime编译,vue cli官方推荐使用,main.
转载 2024-04-03 14:52:36
210阅读
  • 1
  • 2
  • 3
  • 4
  • 5