vue 3.x使用
在Vue使用NProgress加载进度条
NProgress是页面跳转是出现在浏览器顶部的进度条 官网：http://ricostacruz.com/nprogress/ github：https://github.com/rstacruz/nprogress1. 安装npm install --save nprogress // 或者 yarn add nprogress //用法 NProgress.start(); NPro
日期 2023-06-12 10:48:40
MongoVUE_mongodb使用教程
大家好，又见面了，我是你们的朋友全栈君。 MongoVUE 是个比较好用的MongoDB客户端，需要注册，但是可以变成永久使用，一、基础操作新增一个连接进入的界面形如二、进阶操作1、查看所有数据，会有三种格式的观看方式，分别为树形，表格，bjosn，详情见1.12、查看特定的数据，使用的时候shell命令，需要一些基础的语法知识，详情见2.13、更新数据，详情见3.14、删除数据，慎用，如果没有备
日期 2023-06-12 10:48:40在vue中使用jsx
首先是官方文档vue2的：https://cn.vuejs.org/v2/guide/render-function.html#JSXvue3的：https://v3.cn.vuejs.org/guide/render-function.html#jsx我们这里以vue2举例：先使用render函数写一个最简单的jsx组件<script> export default { re
日期 2023-06-12 10:48:40
在vue2的style标签中使用css变量
前两天有一个更换主题需求，想将系统主题包括hover颜色都更换代码如下：<template> <!-- 需要绑定style --> <div class="hello" :style="css"> <h1>{{ msg }}</h1> <p> For
日期 2023-06-12 10:48:40Vue使用ElementUi进行模糊搜索
前言：在ElementUi中，在带输入建议的输入框中进行搜索，发现只能通过首端匹配，如果输入的是非首字，将无法搜索。首字搜索输入豪或者豪大大，可搜索到豪大大香鸡...内容非首字搜索输入鸡，啥也搜不到官方函数说明autocomplete 是一个可带输入建议的输入框组件，fetch-suggestions是一个返回输入建议的方法属性，如 querySearch(queryString, cb)，在该方
日期 2023-06-12 10:48:40Vue之const的使用及注意点
1.const定义的标识符必须初始化 const a;复制报错：const标识符未初始化定义并赋值： const a = 1;复制2.const修饰的标识符不能被修改 const a = 1; a = 2;复制报错： 再次给const修饰的标识符赋值3.常量的含义是指向的对象（内存地址）不能改变，对象的内部
日期 2023-06-12 10:48:40vue filters 是什么？怎么使用？
大家好，又见面了，我是你们的朋友全栈君。 vue filters 是什么？首先：filter翻译成中文是过滤器的意思。 而在Vue中作用其实就是对字段进行预处理怎么使用呢？就用一个小Demo,讲解一下！ 目的：对字段进行处理，打印出“Hello world!!!” 首先,打印出“Helle”<template> <view> { {demo}}
日期 2023-06-12 10:48:40vue 使用 axios 上传文件 — FormData
大家好，又见面了，我是你们的朋友全栈君。 在此主要介绍 如何使用 formData 对象上传单文件和多文件，FormData 就是 XMLHttpRequest Level 2 新增的一个对象，利用它来提交表单、模拟表单提交，当然最大的优势就是可以上传二进制文件。 过多介绍不说，过多的煽情语句不说，直接来来干活，希望对广大博友有所帮助。也希望各位大神不吝赐教一： 前台上传文
日期 2023-06-12 10:48:40Vue Router 的params和query传参的使用和区别（详尽）「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。 首先简单来说明一下router和route的区别//$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word
日期 2023-06-12 10:48:40
vue中使用input file上传文件
大家好，又见面了，我是你们的朋友全栈君。刚刚学习前端的时候还是觉得这个东西好难的样子，后来第一家公司由于没有这个需求就没用过，现在这家公司由于要求很完美的组件，我就是用的vue组件vue-image-crop-upload（适用于pc端的比较好的组件），先在这里记录用法下次再去把vue-images-crop-upload这个组件记录下发布者：全栈程序员栈长，转载请注明出处：https://jav
日期 2023-06-12 10:48:40vue的安装和使用_vue-element
大家好，又见面了，我是你们的朋友全栈君。前言Vue(读音/vjuː/，类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！ Vue安装vue的安装大体上分成三种方式 方式1：CDN引入<!--开发环境版本，包含了又帮助的警告命令-->
日期 2023-06-12 10:48:40![vue的mixins的使用[通俗易懂]](/scriptcss/images/12.png)
vue的mixins的使用[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。mixins就是混入。一个混入对象可以包含任意组件选项。同一个生命周期，混入对象会比组件的先执行。1.创建一个test.js，用export暴露出mixins对象export const mixinsTest = { methods:{ hello(){ console.log("hello"
日期 2023-06-12 10:48:40vue3创建项目（二）router路由配置和使用
router安装与使用 先创建一个router的目录 在创建一个index.js的文件 将路径跳转的内容写在里面 这里的组件是你自己写的，之后根据路径就可以跳转了 #index.js配置 import { createApp } from 'vue' import ElementPlus from 'element-plus' import
日期 2023-06-12 10:48:40Vue04路由--SPA+ 使用路由建立多视图单页应用+router-link相关属性+【面试题：js中const,var,let区别】
14天阅读挑战赛 努力是为了不平庸~目录1 vue中文件及文件夹命名规范2. SPA 2.1 SPA简介 2.2 SPA技术点3. 使用路由建立多视图单页应用 3.1 引入依赖库 3.2 创建自定义组件 3.3 创建路由3.3.1 什么是路由3.3.2 定义路由 3.4 创建和挂载根实例 3.5 使用
日期 2023-06-12 10:48:40vue11Vuex解说+子父传参详细使用
目录1. vue组件间通讯1.1 父子组件1.2 消息总线1.3 vuex2. vuex使用2.1 简介2.2 安装2.3 创建store模块2.4 创建vuex的store实例并注册上面引入的各大模块2.5 在main.js中导入vuex3. 将折叠和展开效果使用vuex实现3.1 在state.js中声明全局参数3.2 设置全局参数3.3 Main.vue组件3.3.1 直接通过state获取
日期 2023-06-12 10:48:40【说站】Vue框架在PostCSS中使用sass的方法
Vue框架在PostCSS中使用sass的方法使用PostCss的原因大家都知道转换px单位的插件很多，著名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转换为vw，后者是将px转换为rem，简化了不常用的配置。将成为vw优先单位，以rem为退货模式。考虑到vw在移动设备上的支持不如rem，这个插件很好的解决了这个问题。然后简单介绍一下。安装指令 $
日期 2023-06-12 10:48:40【说站】Vuex中状态管理器的使用详解
这篇文章主要介绍了Vuex状态管理器的使用,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下！一、Vuex是什么？Vuex在Vue项目开发时使用的状态管理工具。简单来说，就是对Vue的应用中多个组件的共享状态进行集中式的管理（读/写）Vuex实现了一个单向数据流，在全局拥有一个State存放数据，当组件要更改State中的数据时，必须通过Muta
日期 2023-06-12 10:48:40在小程序/mpvue中使用flyio发起网络请求「建议收藏」
大家好，又见面了，我是你们的朋友全栈君。 Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它，您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中都能正常运行。同时可以方便配合主流前端框架 ，最大可能的实现 Write Once Run Everywhere。上一篇文章介绍了在快应用中使
日期 2023-06-12 10:48:40
vue的map使用_vue定义map对象
大家好，又见面了，我是你们的朋友全栈君。接口返回数据为： ['2018-8-14','2018-8-14'] 但我需要这样的数据格式： {data：“2018/08/14”,title:""}, {data：“2018/08/14”,title:""} 这样就能搞定是不是so easy let arr=
日期 2023-06-12 10:48:40Vue的基本使用
Vue简介官方给出的概念：Vue(类似于view)是一套用于构建用户界面的前端框架。前端开发者最主要的工作，就是为网站的使用者（又称为：网站的用户）构建出美观、舒适、好用的网页。什么是vue核心关键词：构建用户界面：编写结构：基于HTML超文本标记语言，搭建出网页的内容结构。美化样式：基本CSS样式，美化网页的可视化效果。处理交互：基于JavaScript来操作网页中的DOM对象，处理用户和网页之
日期 2023-06-12 10:48:40Vue中使用zTree插件实现文件多选
前言zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。优点如下：zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载采用了 延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀兼容 IE、FireFox、Chrome、Opera、Saf
日期 2023-06-12 10:48:40Vue 2x 中使用 render 和 jsx 的最佳实践 （2）
JSX 书写规范 JSX 支持换行let jsx = ( <div> <h1>hello world</h1> <button/> </div> )复制JSX的顶层只能有一个根元素，我们很多时候会在最外层包裹一个div（后续React推出了不占据Dom结构的Fragment，同时，<&
日期 2023-06-12 10:48:40Vue中 $attrs、$listeners 详解及使用
传送门：Vue中 子组件向父组件传值 及 .sync 修饰符 详解 传送门：Vue中 状态管理器（vuex）详解及应用场景 传送门：Vue中 事件总线（eventBus）详解及使用 传送门：Vue中 provide、inject 详解及使用Vue中 常见的组件通信方式可分为三类父子通信父向子传递数据是通过 props，子向父是通过 events（$emit）； 通过父链 / 子链也可以通信（
日期 2023-06-12 10:48:40vue使用富文本编辑器tynimce并实现图片上传_富文本编辑器有什么用
vue-富文本编辑器 Vue-Quill-Editor使用 官网文档，可以参照文档进行使用https://www.kancloud.cn/liuwave/quill/1434140简单的使用：首先安装依赖：npm install vue-quill-editor --save复制然后可以在全局挂载或者在单页面挂载 单页面挂载示例：import Vue from 'vue'
日期 2023-06-12 10:48:40vue和jQuery一起使用「建议收藏」
vue使用了虚拟DOM，它的功能就是不需要开发者直接做dom操作，所以不建议使用vue同时还使用jQuery。然后说正题，当vue组件被创建时，它会把组件渲染到页面中，而jQuery通过绑定DOM才能进行操作jQuery代码在Mounted周期内进行，此时vue已经渲染完毕，jQuery才可以找到对应的DOM如果需要JQuery更新DOM，则在Mounted周期内不被允许，需要通过Updated进
日期 2023-06-12 10:48:40vue-pdf使用demo
<template> <div class="moduleIntro"> <el-button-group> <el-button type="primary" icon="el-icon-arrow-left" size="small" @click=
日期 2023-06-12 10:48:40vue 组件插槽_vue插槽的使用
大家好，又见面了，我是你们的朋友全栈君。插槽应用场景当封装一个组件后， 内部有一些地方待定功能暴露给外界来写。 就好比于el-table中的单个表格内部可能是下拉框，或者是一些文本输入。 需要用template来嵌套使用子组件<template> <div> <div v-for="item in arrData" :key=&qu
日期 2023-06-12 10:48:40vue引入外部js文件并使用_为什么vue不使用ajax
在一个组件内部需要引入一个js文件，如果放在index.html，每个组件都会有这个js，所以需要在组件内单独引入。下载静态文件下来后，放入文件夹： 组件代码：<template> <div> <button @click="compressImage">点击调用方法</button> </div>
日期 2023-06-12 10:48:40前端vue2下使用media query 媒体查询报错问题
在前端vue2项目下，如果直接像普通css那样使用meidia query，是不起作用的需要安装sass和sass-loader在package.json中指定一下依赖，一定要注意版本，经过我的测试我现在这个版本是不报错的，其他的新版本是各种报错 "sass": "^1.56.0", "sass-loader": "
日期 2023-06-12 10:48:40vue中$refs、$emit、$on的使用场景
1、$emit的使用场景子组件调用父组件的方法并传递数据 注意：子组件标签中的时间也不区分大小写要用“-”隔开子组件：<template> <button @click="emitEvent">点击我</button> </template> <script> export default { data
日期 2023-06-12 10:48:40Vue style里面使用@import引入外部css, 作用域是全局的解决方案
问题描述使用@import引入外部css，作用域却是全局的<template> </template> <script> export default { name: "user" }; </script> <!-- Add "scoped" attribute
日期 2023-06-12 10:48:40