直接引用别人写好的现成的组件:<template>
<view class="wrapper" @touchstart="fingerstart" @touchend="fingerend">
<slot></s
......
279
0
0
2023-01-10
用过pinia吗?有什么优点?1. pinia是什么?在Vue3中,可以使用传统的Vuex来实现状态管理,也可以使用最新的pinia来实现状态管理,我们来看看官网如何解释pinia的:Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。 实际上,pinia就是Vuex的升级版,官网也说过,为了尊重原作者,所以取名pinia,而没有取名Vuex,所
......
335
0
0
2023-01-08
1. 前言今天的分享是基于 TodoList 已有功能,在添加 todo 和删除 todo 时的样式上增加动画效果的优化。2. 动态效果图先来看下优化后的动态效果图,优化代码中选择的是上下模式的匀速淡入淡出,当然你也可以选择左右模式或其他炫酷的动画效果模式。http://mpvideo.qpic.cn/0bc3seabkaaaa4aelaudczrvbeod
......
314
0
0
2023-01-08
✍️ 作者简介: 前端新手学习中。💂 作者主页: 作者主页查看更多前端教学🎓 专栏分享:css重难点教学 Node.js教学 从头开始学习 ajax学习文章目录webpack的学习目标前端工程化小白眼中的前端开发 vs 实际的前端开发什么是前端工程化前端工程化的解决方案webpack的基本使用什么是webpack列表隔行变色项目在项目中安装并配置webpac
......
488
0
0
2023-01-07
前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用 Vuex 往往会比较重,本文将系统的罗列出几种不使用 Vuex,比较实用的组件间的通信方式,供大家参考。组件之间通信的场景在进入我们今天的主题之前,我们先来总结下Vue组件之间通信的几种场景,一
......
356
0
0
2023-01-03
背景在最近开发一些功能需求的时候,会遇到重新加载当前组件的情况。当父组件发生了数据变化需要,重置按钮,只刷新当前加载的子组件等情况。本文就来了解下Vue如何实现当前组件重新加载的几种使用方法。解决方案重新加载整个页面location. reload()和this.$router.go(0)都可以刷新当前页面的,缺点就是相当于按ctrl+F5 强制刷新,整个页
......
697
0
0
2023-01-02
Vue 列表渲染v-for我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法,其中 items 是源数据的数组,而 item 是迭代项的别名:<script>
export default{
name: 'app',
data(){
retur
......
439
0
0
2023-01-02
v-if条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。<script>
export default{
name: 'app',
data(){
return{
flag: true
}
}
}
</script>
<template>
......
420
0
0
2023-01-02
在使用vue框架开发的时候 ,是非常的方便的,但是在工作中 ,还是会有遇到对接jq的部分的接口,这个时候就需要在vue的界面里面引入jQuery并使用了1:在项目里面安装npm install jquery --save
2:在项目里面找到.eslintrc.js文件打开并进行配置 我们在env中配置 jQuery:true3.打开项目的根目录vue.co
......
472
0
0
2022-12-31
哈喽,大家好!我是前端实验室的小师妹!Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。Vue.js是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。小师妹收集了几个你应该了解的最重要的工具和库,请仔
......
531
0
0
2022-12-23
我们都知道Vue是一款渐进式的js框架,在开发大型应用的时候,Vue官方推荐你使用组件化进行开发,即每一个页面都是一个组件,一个组件内包含了一个或多个组件,下面举一个简单的例子描述一下Vue中的组件。如上一个简单的搜索Github用户的单页面应用可以分为搜索组件和列表组件,当然如果你非要较真的的话一个列表组件是由一个又一个的itme组成的我也不反对,不过为了
......
351
0
0
2022-12-17
更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi ,包含一线大厂面试完整考点、资料以及我的系列文章。这节课,我们来看下 Vue3 中的 $attrs 属性。首先,我们会介绍它的用途以及它的实现与 Vue2 有哪些不两同点,并通过事例来加深对它的理解。真正理解了 $attrs 属性有助于我们构建易于使
......
311
0
0
2022-12-17
Vue指令v-text指令v-text指令用于设置标签的文本值,有两种设置标签文本值的方式,方式一就是通过v-text指令向标签传入值,但这种传入方式会整个替换掉标签内的全部文本信息,如果我们需要特殊化的修改某一部分文本值,就需要用到第二个方式,使用插值表达式传入值<body>
<div id="app">
......
329
0
0
2022-12-12
Vue网络应用axios基本使用axios是一款易用、简洁且高效的http库,是一个可以用在浏览器和Node.js中的 异步通信框架,其主要作用就是实现Ajax异步通信,由于Vue只关注视图层内容,所以作者推荐使用该框架完成 网络通信内容axios功能特点从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API(
......
433
0
0
2022-12-12
Vue基础Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。基本使用导入开发版本/生产版本的Vue.js创建Vue实例对象,设置其el属性和data属性使用模板语法将数据渲染到页面上<!DOCTYPE html>
<html
......
513
0
0
2022-12-12