前端菜菜DayDayUp的博客

vue3项目中如何动态循环设置ref并获取使用

vue3实现无缝滚动列表-vue3-seamless-scroll

将TailwindCSS默认单位rem转换为px

TailwindCSS在vite项目中的安装与使用

xgplayer插件的使用-西瓜播放器 ---- Vue3中使用

vue实现循环滚动列表 ---- vue-seamless-scroll

nanoid的使用

如何搭建Vue项目-完整步骤

reset.css--css重置样式

实现数据超过一定的量就显示 展开/ 收起 功能；如下图所示：参考代码：核心在于 计算属性 computed 中；注意： 开发中key的值尽量不要使用下标index；// template：循环的时候直接⽤showHandleList进⾏操作，显⽰收起的事件直接⽤showAll = !showAll 进⾏控制，改变这个值的真假<template> <div class="hello"> <!-- 数据展示 --> <di...

废话不多说直接上代码！！！<template> <div class="noticebar" v-if="announces.length"> <div class="notice-img"> <img class="notice-img" src="../../static/images/ic_notice.png" alt="" /> </div> <ul class="notice-li

vue2与vue3中 nextTick() 的作用和基本使用

先看基础祖孙组件，也就是 3 层嵌套的组件。关于 vue 中父子组件之间的数据传递是通过 props 和 $emit 实现，参考Vue 父子组件传值。那祖孙组件之间传值怎么实现，先了解下面的几个 vue 属性。$props当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象 property 的访问。$attrs$attrs 是一个 Object，它包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 s...

router文件下index.js里面，是这么定义路由的：{ path:"/detail", name:"detail", component:home}1、传参方式 query传参方式：query要用path来引入路由；this.$router.push({ path: "/detail", query: {code:"123"}}) param传参方式：param要用name来引入路由；this.$ro...

1、watch使用的几种方法（1）通过watch监听data数据的变化，数据发生变化时，就会打印当前的值（2）通过watch监听docData数据的变化，数据发生变化时，this.change_number++（使用深度监听）（3）通过watch监听data数据的变化，数据发生变化时,执行changeData方法2、详解watch中的immediate、handler和deep属性（1）immediate和handler这样使用watch时有一个特点，就是当值第一次绑定..

在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：直接写一个监听处理函数，当每次监听到cityName 值发生改变时，执行函数。也可以在所监听的数据后面直接加字符串形式的方法名：immediate和handler这样使用watch时有一个特点，就是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行。如果我们需要在最初绑定值的时候也执行函数，则就需要用到immediate属性。比如当父组件向子组件动态传值时...

转载：https://www.cnblogs.com/lz0925/p/11731120.html

转载：https://www.jb51.net/article/191917.htm

在“bulid”文件中的“微博pack.base.conf.js”文件中有一个叫做“resolve”的对象：

keep-alive属性：include - 字符

直接上代码！

data(){return{/*todos:[{title:'吃饭',complete:false},{title:'睡觉',complete:true},{title:'打豆豆',complete:false}]*///注意，数据缓存（localstroage）不能将目标数据写死//从localStorage中读取todos...

（1）基本用法，本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div></template><script>export default { methods: { getTes