最近公司在做一个关于短视频的项目，项目中涉及到视频文件的存储。以前是使用七牛云存储这次公司选用的是UCloud，于是文档就看起来了https://docs.ucloud.cn/storage_cdn/ufile/tools/sdk上面是sdk的demo，目录结构如下这里只要看v2就好了，因为v1在新的版本中有些地方已经不适用了。其中我们需要的文件是v2/libs下除了base64.min...

做项目遇到需要在父组件中点击子组件的按钮来隐藏整个子组件，父组件（红色部分）子组件（红色部分）子组件：添加一个点击事件来触发$emit('方法名')发送一个方法父组件：（1）通过在引入的子组件标签上@子组件的方法名              （2）当子组件这个方法触发发送后              （3）父组件接收到发送的方法触发close方法达到子组件改变父组件的方...

通过数据的双向绑定，列表循环渲染和localstorage本地缓存完成。虽然是个简单的例子但是这里面包含的东西对vue的初学者来说还是挺多的。直接贴上代码吧<template><div id="app"><input type="text" v-model="todo"

vue-cli脚手架能很好地帮我们搭建好vue项目目录结构，同样的koa-generator脚手架可以帮我们快速搭建koa2框架的目录结构。包括接口路由koa-router和一些基本的配置安装npm install koa-generator -g安装脚手架目录koa2 server安装依赖npm install进入到server文件夹中启动nodemon app.js...

vue3最新鲜的就是组合式API了，通过组合式API我们可以把一些复杂的逻辑或一些常用的逻辑封装成一个个hook来进行调用，这样的方式也更易于维护。使用import useTest from "../../hooks/useTest";export default defineComponent({name: "vue3Test",setup: () => {let refTest = re

日常一总结要使用vue的组件，需要先给组件建一个文件夹，一般是在src文件夹下的components文件夹。每一个组件就是一个.vue文件。首先先在components文件夹下创建一个.vue文件比如life.vue。编辑这个文件（写什么你随意）。然后回到APP.vue文件对组件进行引入，挂载和使用如下1.引入按照这样的形式来写；import后面的是给组件起的引入名2.挂载建立一个和data同级的

这里提供两种vue封装共用组件的方法方法一：main.js中import ListItem from './components/list.vue'//封装共用组件方法一Vue.component('ListItem',ListItem)方法二：新建vue文件的时候再建个相应的js文件。component.jsimport child from './compon...

最近项目中要用到在input的placeholder中写一个放大镜的图标自然就像到了iconfont 首先到阿里巴巴的iconfont中申请账号并在图标库中创建好项目，然后依照上图的位置上传和下载图标，下载后的压缩包中的除了demo开头的文件就是我们要的文字图标文件。以上是icontfont的用法我的项目使用vue写的现在.vue文件中引入压缩包中的css文件import '...

正常对于vue父子组件来说子组件是不能改变父组件props过来的值的，但是今天在做项目的时候发现了一个有意思的事情，子组件是可以直接通过改变props的值来改变父组件相对应数据的值的。这里我们将props的值的类型分为3种（字符串，数组，对象）先说对象吧子组件直接改变父组件props过来的对象是可以直接更新父组件的数据的而且不会报错。子组件：<template>...

项目中遇到了这样一个问题：每一种产品有对应的服务费，每一个商家有多种商品要单独计算每一家的服务费，最后汇总总的服务费用。我直接写了一个方法来计算出每个商家和总的服务费用并return出来。如果不看控制台的话运行是没问题的。但是控制台报了无限循环的错误。 下面是错误代码html：js： 这里会出现无限循环的原因是数据更新触发计算方法来更新视图，视图更新又反过来触发这个方法...