学习记录(五)补充上次全局变量的规范: 全局变量会默认绑定在window上,在实际工作时,如果有多名成员同时写不同的JS文件时,使用了相同的全局变量,就有可能产生冲突。 为减少此类冲突,需要把代码全部放入一个定义的唯一全局变量中。jQuary jQuery 是一个 JavaScript 框架,简化了 JavaScript 编程。(实际就是把一些比较常用的需要长段JS实现的东西整合起来,分别写进一句            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-02 13:49:54
                            
                                173阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue中引入axios记录一下axios的用法1.下载依赖npm install axios --save2.引入并全局注册在main.js中import axios from 'axios'
Vue.prototype.$http = axios    //全局注册,使用方法:this.$http3.配置vue.config.js解决跨域proxyTabledevServer: {
    pr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-13 09:48:49
                            
                                263阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、语法:Vue的实例.component("组件名称",组件)1、方式一:这个组件就是 vue文件import { createApp,h } from 'vue' //引入 创建vue实例的api
import App from './App.vue'  //引入  根组件
let app = createApp(App)  // 创建vue实例对象 =>用户vue实例给你提供的方法            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-04 20:42:58
                            
                                156阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是全局api 全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如我们今天要学习的指令Vue.directive。说的简单些就是,在构造器外部用Vue提供给我们的API函数来定义新的功能。什么是Vue.extend?Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器。经常服务于Vue.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-24 22:46:08
                            
                                114阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、添加全局方法 (1)使用Vue.prototype// 在main.js中写
 Vue.prototype.getData = (params) => {
     ...
 }(2)使用install + Vue.prototype// 在你的全局函数文件fun.js中写
    export default {
      install (Vue) {
        Vue.pr            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-04 12:35:56
                            
                                153阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-17 17:28:24
                            
                                109阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            通过npm命令安装vuejs在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或Browserify 的 CommonJS 模块打包器配合使用。(以下操作全在命令行中) # 最新稳定版本 $ npm install -g vue 全局安装 # 最新稳定            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-03-01 15:35:00
                            
                                333阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前言在很久很久之前我还是个菜鸡的时候,解决报错的时候,不幸看过一种关于this指向的写法,当时没记住,只知道有个这么个模糊的概念,然后今天晚上来了灵感,就写出来了,说到这个this指向问题,很多刚入行的前端同学应该多会碰到,那么今天就写一下关于全局this指向的代码,让我们的代码更加简洁。传统写法问题代码<template>    <div>     	<div @click="test">按钮</div>    </div><            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-01 17:20:58
                            
                                103阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在Vue项目中实现全局websocket通信是一种常见的需求,它使得前端页面能够实时获取后端服务器的数据更新。在本文中,我将向大家介绍如何在Vue项目中实现全局websocket通信,以及如何将websocket实例挂载在Vue的原型链上,使得在项目的任何地方都可以方便地调用websocket对象。
首先,让我们来看一下实现“vue全局websocket”的整个流程:
| 步骤 | 操作            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-23 19:23:09
                            
                                307阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在Vue项目中实现WebSocket全局功能,可以让前端与后端实现双向通信,实时更新数据,提高用户体验。下面我将为你介绍如何在Vue项目中实现WebSocket全局功能。
### 步骤
| 步骤 | 操作 |
| -----| ----- |
| 1 | 安装WebSocket插件 |
| 2 | 创建WebSocket实例 |
| 3 | 在Vue实例中使用WebSocket实例 |
| 4            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-23 19:22:11
                            
                                263阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、设置 main.js // 1.引入 import * as API from '@/api'; new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 2.原型 Vue.prototype.$AP            
                
         
            
            
            
            一、Vue.directive 自定义指令一、什么是全局API?全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如要学习的指令Vue.directive。说的简单些就是,在构造器外部用Vue提供给API函数来定义新的功能。二、Vue.directive自定义指令我们在第一季就学习了内部指令,我们也可以定义一些属于自己的指令,比如要定义一个            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-03-17 11:44:19
                            
                                2352阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue api            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-14 00:25:03
                            
                                89阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue.extend( options ) 参数: {Object} options 用法: 使用基础 Vue 构造器,创建            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-13 10:51:52
                            
                                122阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ## 如何实现Vue全局websocket
欢迎小白来到这里,今天我将教你如何在Vue中实现全局websocket。WebSocket是一种在单个TCP连接上进行全双工通信的协议,它使得客户端和服务器之间的数据交换变得更加简单和实时。在Vue中使用全局websocket可以让我们在整个应用中方便地进行实时通信。
### 流程概述
首先,让我们来看一下实现Vue全局websocket的整个流程:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-23 19:22:24
                            
                                265阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue 全局 websocket 抄的,出处:https://www.cnblogs.com/tcz1018/p/13831589.html 他说,首            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-23 13:02:39
                            
                                1287阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue 全局 jQuery 实现指南
作为一名刚入行的小白,想要在 Vue.js 项目中使用 jQuery,可能会感到些许困惑。本文将逐步引导你如何在 Vue 中全局引用 jQuery,并详细解释每一步的实现过程。我们将使用表格和代码片段以便于理解,并在最后展示状态图和甘特图来概括整个工作流程。
## 流程概述
| 步骤 | 描述            
                
         
            
            
            
            <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-05 17:00:00
                            
                                395阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue全局遮罩            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-07 07:53:33
                            
                                411阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在现代前端开发中,使用 `axios` 进行 HTTP 请求是一种常见做法。随着 Vue.js 的流行,`vue axios` 的全局配置和使用也成为开发者关注的重点。本文将介绍 `vue axios` 全局配置的版本对比、迁移指南、兼容性处理、实战案例、排错指南及性能优化,帮助开发者更好地进行项目配置和优化。
## 版本对比
在 `vue axios` 的不同版本中,特性有明显的差异。以下是