
vue
文章平均质量分 74
百里狂生
道可道,非恒道;名可名,非恒名;有名天地之始,无名万物之母。
展开
-
returns the value of the first element in the array where predicate is true, and undefined otherwise
在的项目中 遇到错误提示信息中文翻译为:返回数组中谓词为true的第一个元素的值,否则为undefined。原创 2024-07-15 14:51:23 · 281 阅读 · 0 评论 -
vue 中修饰符的使用方法、JS与TS路由配置、vuex在 ts 中如何配置模块和分发器
1. vue 中常用的修饰符1.1 表单修饰符1.2 组件修饰符1.3 事件修饰符1.4 按键修饰符1.5 系统修饰符1.6 鼠标修饰符1.7 自定义按键修饰符2. vue-router 在 js 中 访问当前页面报错问题3. 在 vue 中使用 ts 组件传参的基本用法4. vue-router 在 ts 中访问当前页面报错问题5. 在 vuex 中使用 ts 模块和分发器的基本配置6. 在 vue 中 使用 ts 配置 echarts 图形化插件原创 2023-11-22 23:25:31 · 909 阅读 · 0 评论 -
Vue + JS + tauri 开发一个简单的PC端桌面应用程序
Tauri是一款应用构建工具包,让您能够为使用 Web 技术的所有主流桌面操作系统构建软件。tauri 框架与 electron 非常相似。原创 2024-01-15 20:55:56 · 3464 阅读 · 1 评论 -
vue单组件通过命令行运行预览
有时候在想写一个基于Vue的简单的 demo 的时候,需要先搭建一套可以使用的vue项目。步骤说不上繁琐,但是要么项目比较体积比较大,要么需要安装一大堆依赖插件才能预览 vue 组件的效果。今天介绍一个比较方便的 vue 单组件预览,不需要什么配置,命令行直接执行这个vue单组件即可预览vue单组件的样式基本功能。在介绍vue单组件预览之前,先了解一下以往的vue组件查看效果的几种方式。安装 @vue/cli 脚手架。安装 本地服务 插件。安装 本地服务 插件。原创 2023-04-19 22:20:48 · 1931 阅读 · 0 评论 -
在vue中使用unity3D实现webGL将要呈现的效果
文章目录Vue + webGL + unity3D1. 什么是webGL?1.1 兼容性2. 什么是unity3D?2.1 unity3D 的发展史3. 如何在vue中使用unity3D和webGL?3.1 新建一个挂载unity3d加载器的vue组件3.2 使用新建的vue-unity-webgl组件4. 演示效果Vue + webGL + unity3D1. 什么是webGL?WebGL(Web图形库)是一个JavaScript API,可在任何兼容的Web浏览器中渲染高性能的交互式3D和2D图形原创 2021-12-09 22:12:57 · 15876 阅读 · 3 评论 -
通过路由配置来控制视图的选择性渲染
文章目录通过路由配置来控制视图的选择性渲染示例命名视图嵌套命名视图实例常规做法模块整合第一种方式:采用视图命名的方式第二种方式:采用动态组件加载的方式通过路由配置来控制视图的选择性渲染比如要实现两个页面,其两个页面的布局基本相似,唯一不同的是侧边栏的结构和数据不同,此时可以将公共部分抽离出来,对于不同的部分通过路由配置传参来控制到底显示那一部分的内容。示例布局1:default-a.vue布局2:default-b.vue第一个模块的布局分为三部分,Header、aside-bar-a、原创 2021-08-13 21:43:24 · 867 阅读 · 0 评论 -
在VUE项目中是如何生成gitHooks脚本文件的
在VUE中生成git/hooks钩子脚本文件在VUE脚手架中是如何生成 .git/hooks/ 钩子本文件的首先需要零基础生成一个简单VUE项目第一步,全局安装vue脚手架第二步,使用vue生成VUE项目然后分析Vue 项目中的 .git/hooks/ 中的脚本是如何生成的问题汇总在VUE脚手架中是如何生成 .git/hooks/ 钩子本文件的在VUE脚手架中生成gitHooks钩子函数脚本文件所需的环境@vue/cli 4.5.11node v14.15.0npm 6.14.8在此之前原创 2021-03-17 23:46:56 · 819 阅读 · 0 评论 -
vue之watch的运用
目录vue 之 watch 的运用watch 的作用是什么?watch 的使用场景:watch 与 $watch的参数:watch 的用法:1. 通过键路径进行监听数据的变化2. 通过函数进行监听数据的变化3. 通过对象的方式进行监听数据的变化4. 通过数组的方式监听数据的变化vue 之 watch 的运用watch 的作用是什么?1. 观察 vu...原创 2020-04-11 18:57:38 · 824 阅读 · 0 评论 -
常见的表格数据结构
常见的表格数据结构目录常见的表格数据结构第一种表格数据结构第二种表格数据结构第三种表格数据结构第一种表格数据结构<template></template>// javascriptexport default { name: 'app', data () { return { data: [ ...原创 2019-12-02 22:14:59 · 2545 阅读 · 1 评论 -
vue实现简单数字滚动特效
vue实现简单数字滚动特效今日项目中要求要做一个数字滚动的特效,增加页面的丰富度期望是一个价格数量中的每个数组都可以滚动显示的特效,如下图:下面是一个简单的例子:知识点:CSS动画<template> <div class="scroll-warpper"> <div class="scroll-item" v-for...原创 2019-08-31 14:47:13 · 3315 阅读 · 1 评论 -
为什么axios先请求options在请求post及解决方法
为什么axios先请求options在请求post及解决方法要想知道为什么axios会先发送options在发送post请求,就要先搞清楚下面的三点Axios是干什么的?Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。CORS是什么?CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sha...原创 2018-12-16 21:31:29 · 13111 阅读 · 1 评论 -
vue与vue-router搭配设置TDK
vue与vue-router搭配设置TDK参考链接:使用Vue.js和vue-router更新页面标题和元数据目录vue与vue-router搭配设置TDKTDK配置meta.js路由配置index.js设置main.js启动应用程序文档结构:|- src|-- components|--- index.vue|--- about.vue|-- ...原创 2018-11-24 15:12:33 · 1903 阅读 · 0 评论 -
关于vue中使用laydate时间插件的问题
vue中使用laydate时间插件之前在做vue项目时使用iviewUI库中的DatePicker组件,发现DatePicker使用起来比较麻烦,尤其是对时间精确度上的限制不尽人意,操作起来也比较繁琐,总之在处理一系列时间组件相互联动上存在一大堆问题,比如DatePicker时间组件时间精确到分,组件1的value等于组件2的最小值,组件2的vlaue等于组件3的最小值,。。。依次类推,如...原创 2018-10-21 15:18:28 · 10542 阅读 · 1 评论 -
vue之打包优化
最近写项目,4个平台的项目由一个代码库管理,超过50个.vue文件,导致代码量过大,每次构建打包速度都很慢,下面是针对vue打包构建优化的一些测试结果:第一次npm run dev :第一次npm run dev第一次npm run build构建:第一次npm run build构建优化修改如下:1,采用cdn加载UI库,把不常改变的库放到index.html中,通过......原创 2018-10-17 23:55:29 · 809 阅读 · 0 评论 -
Vue+iview-admin+axios+webpack+vue-router
Vue+iview-admin+axios+webpack+vue-router一、环境搭建安装基础配置npm i -g vue-cli # 全局安装vue脚手架vue init webpack vue-demo # 初始化安装项目模板cd vue-demonpm i --save axios # 数据请求插件配置入口文件import Vue fro......原创 2018-08-19 16:32:13 · 2949 阅读 · 0 评论