“慢生活”不是懒惰,放慢速度不是拖延时间,而是让我们在生活中寻找到平衡。网站首页程序人生
vue MintUI上拉分页加载更多 infinite 无限滚动
发布时间:2023-04-11 21:10:03作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
其实这次的内容比较简单点,无限滚动一般常用于移动端。实际上也是分页的原理。
实际上这种的滚动里面的分页倒是其次,主要的是滚动的实现,像是滚动阈值等。
这里可以使用。那么
Vue UI框架 MintUi的介绍 以及使用(mint,ui,actionsheet,索引,index)
发布时间:2023-04-11 18:17:07作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
安装mint-ui
npm install mint-ui –save
配置mint ui
主要是我这里想要在一个单独的路由里面写mint ui,所以单独一个vue文件,但我又想要挂在App.vue中通过路由点击过去
21Vue中路由的嵌套(父子,children)
发布时间:2023-04-11 15:50:46作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
路由的嵌套其实说白了就是父子路由,好比有个用户模块,用户模块下面有新增用户和用户列表这两个子组件或者说是子路由。
那么这里就是就是更能了解下router-view的作用。router
20Vue路由编程式导航以及hash模式-完整(编程式导航,命名路由,路由模式)
发布时间:2023-04-11 11:25:14作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
编程式导航
所谓编程式导航,其实就是用JavaScript代码而不是直接使用router-link标签进行跳转。
那么基于前面的环境。这里我们可以修改下App.vue和news.vue里面的导航如
App
19vue路由结合请求数据(视口,scss)
发布时间:2023-04-10 23:03:01作者:雪饮
![[!--pagekey--]](/e/data/images/notimg.gif)
添加视口
vue属于是单文件项目,无论你的项目里面有多少个.vue文件,最终构建出来的都是一个index.html,那些个vue文件都是虚拟dom在这个index.html中,所以如果是一些全局性的东西