vue文章/教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

Ant Design Vue 走马灯实现单页多张图片轮播

最近的项目有个需求是,这种单页多图一次滚动一张图片的轮播效果,项目组件库是antd 然而用了antd的走马灯是这样子的 我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还怎么为公司 ... »

dengsir39

Vite+TS带你搭建一个属于自己的Vue3组件库

theme: nico 前言 随着前端技术的发展,业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant,AntDesign等等。但是作为一个前端开发者,你知道一个UI组件库是如何被打造出来的吗? 读完这篇文章你将学会: 如何使用pnpm搭建出一个menorepo环境 如何使用vi ... »

zdsdididi

基于SqlSugar的开发框架循序渐进介绍(11)-- 使用TypeScript和Vue3的Setup语法糖编写页面和组件的总结

随着Vue3和TypeScript的大浪潮不断袭来,越来越多的Vue项目采用了TypeScript的语法来编写代码,而Vue3的JS中的Setup语法糖也越来越广泛的使用,给我们这些以前用弱类型的JS语法编写Vue代码的人不少冲击,不过随着大量的学习和代码编写,经历过一段难熬的时间后,逐步适应了这种... ... »

wuhuacong

tauri+vue开发小巧的跨OS桌面应用-股票体检

最近打算写一个用于股票体检的软件,比如股权质押比过高的股票不合格,ROE小于10的股票不合格,PE大于80的股票不合格等等等等,就像给人做体检一样给股票做个体检。也实现了一些按照技术指标、基本面自动选股,实盘买卖点回测功能等等等等。我用vue开发了这样一个软件,目前只有我自己在浏览器上使用,许多小伙 ... »

zimug

vue 项目的运行与 打包

1、vue init webpack  2、npm install axios 3、npm run dev  运行项目 4、npm run build 打包项目 会生成一个dist 文件夹,我们只需要把 里面内容上传到服务器即可【FTP之类的方式】 5、vue项目如何没有www.xxx.com/#/index  里面的/#这一段   6、 1、npm run build 生成的 dist文件 »

Vue packages version mismatch

       出现这个错误可能是vue版本和vue-template-compiler的版本不同,运行npm list 查看npm包 npm list 然后拉到最下面 查看vue的版本和vue-template-compiler的版本,分别为2.6.6 和 2.6.10   然后 在package.json 将2.6.6的版本改为 2.6.10,然后 npm i ,下载完成,npm run »

vue项目的问题--tab切换上拉加载

最近在写vue的项目,遇到的问题总结: loading为false是加载中,finished为true是已结束状态,onLoad是执行函数(分页添加list的值) 初始化loading为false,finished为false。 加载的list,页面上有个切换的tab,实现切换不同的类型,加载不同的list的功能。vant-ui的list就有个bug,当切换tab的时候,它的onload没方法自动 »

vue之watch用法

对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $watch(); vue单文件组件写法:    <!--观察数据为字符串或数组-->    <input v-model="example0"/>    <input v-model="example1"/>    <!--当单观察数据examp »

使用Vue-cli脚手架创建项目

使用vue-cli创建模板项目 官方文档:https://cli.vuejs.org/guide/ 参考文档:https://www.cnblogs.com/l-y-h/p/11241503.html 1、什么是vue-cli   vue-cli是vue官方提供的vue.js脚手架工具,用于快速自动生成vue.js+webpack的项目模板。   脚手架工具简单讲就是自动将项目需要的环境、依赖等信 »

vue打包后js和css、图片不显示,引用的字体找不到问题

vue打包后js和css、图片不显示,引用的字体找不到问题;图片一般都是背景图片。 一、vue打包出现js和css不显示问题: 1、不使用mode:‘history’ 2、使用mode:‘history’手动添加: dist包不是服务器跟目录,在index.htm里手动给js和css添加dist目录即可/dist/; 3、或者使用mode:‘history’修改配置: config里面的index »

vue的$on和$emit

Vue.prototype.$on = function (event, fn) { const hookRE = /^hook:/ //检测自定义事件名是否是hook:开头 const vm = this if (Array.isArray(event)) { // 如果第一个参数是数组 for (let i = 0; i < event.length; »

vue 动态获取浏览器URL,并配置axios的baseURL

关于window.location的详解:   window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。   下面,以http://www.xxxxxx.com:8000/test?id=123&username=xxx为例来进行解释:   1. window.location.href (当前url)—— http://www.xxxx »

js proxy 代理模拟vue实现数据双向绑定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g »

# Vue3 toRef 和 toRefs 函数

Vue3 toRef 和 toRefs 函数 上一篇博文介绍了 vue3 里面的 ref 函数和 reactive 函数,实现响应式数据,今天主要来说一下 toRef 函数和 toRefs 函数的基本使用。 toRef 函数 通过上一篇博客,我们知道,ref 函数可以创建一个响应式的数据,那 toR ... »

wjw1014 Vue3

vue组件化-容器

container.vue <template> <div :key="mkey" :path="mkey"> <component v-for="(data,k) in cardMap[mkey]" :is="data.card_type" :card="data" :key="k*100+data.key&quot »

009——VUE中watch监听属性变化实现类百度搜索栏功能

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>watch监听属性变化实现类百度搜索栏功能</title> <script src="vue.js"></scrip »