1、vue父子组件传值方式1、props
2、v-model
3、.sync 父组件向子组件传的值,子组件可以直接修改父组件的值
4、ref
父组件通过ref直接拿到子组件的属性或方法
5、$emit
父组件给子组件定义事件,子组件中emit触发,参数(事件名,参数)
6、$children&$parent
获取到一个包含所有子组件的对象数组,直接拿到父子组件的属性和方法            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-19 14:34:02
                            
                                96阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            import Vue from 'vue'      Vue.prototype.$message.error("网络异常");            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-22 10:57:01
                            
                                61阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            test.jsimport test2 from "./test2";export default{    test(){        console.log("=====开始执行            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-23 07:55:25
                            
                                170阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            介绍官网 : https://cn.vuejs.org/概念: 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 只关注视图层, 采用自底向上增量开发的设计。方便与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。安装 1 在pom.xml中引入依赖<dependency>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-29 22:53:15
                            
                                74阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             学完了springcloud后开始学习前端知识,首先学习的就是时下比较热门的js框架:vue.js。Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。1.引入vu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-04 23:20:22
                            
                                145阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ### 实现"vue ios使用js无效"的步骤
为了解决"vue ios使用js无效"的问题,首先我们需要了解整个流程。下面是一个概览表格,展示了解决这个问题的步骤。
| 步骤 | 描述 |
| --- | --- |
| 1 | 确认Vue项目配置 |
| 2 | 检查JS代码是否正确 |
| 3 | 在iOS设备上测试 |
接下来,我们将逐步进行每一步的解释和代码示例。
#### 1            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-22 18:41:49
                            
                                126阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            AES加密的使用 对数据传输加密、解密处理 AES.js 第一步: 在vue中安装crypto-js依赖 npm install crypto-js --save-dev 第二步: 在static目录下新建一个AES.js文件,例如: 第三步: 在AES.js中填写如下代码 import Crypt ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-09 14:07:00
                            
                                109阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            
            1.Vue的使用1.创建vue文件夹安装vue: npm install -g @vue/cli1.创建一个vue基础文件指令: vue create student-system 然后选择vue2或者vue3或者根据自己选择更多配置2.进入文件夹:cd student-system3.npm run serve2.使用elementUI4.安装饿了么ui: npm i element-ui -S            
                
         
            
            
            
            大家再使用vue做项目时,查询功能当然必不可少,这就得使用vue强大的filter啦。其实vue内置的两个属性filterBy和orderBy已经能满足部分需求了,但是她更大的的魅力在于自定义filter(之后的文章中会分享),正好我最近做的项目中用到了这个。先给大家看下需求吧。如下图,这是一个通讯录页面,当我们在搜索栏中输入关键字时需要展示相应的员工,同时还得去掉A、B这样的字母索引,并且输入的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-11 06:04:11
                            
                                158阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            二。使用vue 1.想使用vue,必须创建一个vue实例,且要传入一个配置对象 2.root容器里的代码依然符合html中规范 3.root容器里的代码被称为【vu            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-24 01:42:25
                            
                                44阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            安装npm install video.js --savenpm install videojs-contrib-hls  --savenpm install @videojs/http-streaming            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-27 15:29:22
                            
                                533阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue 使用 jQuery 调用 JS
Vue.js 是一种用于构建用户界面的 JavaScript 框架,而 jQuery 是一个功能丰富且易于使用的 JavaScript 库。尽管 Vue.js 提供了大量的功能,但有时我们仍然需要使用 jQuery 来处理一些特定的 DOM 操作或其他功能。本文将介绍如何在 Vue.js 中使用 jQuery,并提供一些代码示例。
## 安装 jQu            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-07 12:21:04
                            
                                132阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            什么是 Vue?  我们要把一个 json对象的数据,显示到一个元素上去。 如果不使用 Vue, 那么就会用到 JS 或者 JQuery,通过操作 HTML DOM 的方式,把数据显示上去。 如果使用Vue, 那么仅仅需要提供数据,以及数据要绑定到的元素的id,就行了,不需要显式地操作HTML DOM。默认展示内容就用:{{内容}}。 简单使用:<div id="div1            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-15 14:51:01
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言最近在做手写输入法时遇到跨域问题,使用的是qq输入法的接口,代理无法实现效果,这里使用jsonp来实现。jsonp原理可以自行百度,这里记录一下vue-jsonp的使用和踩的一点小坑,官方文档请前往npm地址。安装npm install vue-jsonp -S或者yarn add vue-jsonp使用mian.js引用// main.js
import Vue from 'vue'
imp            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-11 20:58:07
                            
                                372阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、下载video.jsnpm install --save-dev video.js二、在vue脚手架中引入video.js(main.js引入)import Video from 'video.js'
import 'video.js/dist/video-js.css'
Vue.prototype.$video = Video //引入Video播放器三、实例化了视频.js播放器,并在 上销            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-08 22:49:00
                            
                                306阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本期内容在前端访问后端数据的时候经常会出现跨域问题,jsonp 便是其中一种解决的方式,前提是接口能够支持 jsonp 的访问。目录1、安装2、添加到 main.js 中3、按如下语法使用4、以访问百度鹰眼轨迹 API 为例,发起 Get 请求1、安装npm install vue-jsonp --save2、添加到 main.js 中import VueJsonp from 'vue-jsonp            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-30 12:32:33
                            
                                293阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vuex是一个专门为vue.js设计的集中式状态管理架构。我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。比如:我们有几个页面要显示用户名称和用户等级,或者显示用户的地理位置。如果我们不把这些属性设置为状态,那每个页面遇到后,都会到服务器进行查找计算,返回后再显示。在中大型项目中会有很多共用的数据,所以尤大神给我们提            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-15 18:11:12
                            
                                79阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            概要 在开发时我们会经常需要使用到外部的JS,这样我们需要引入外部js,然后进行使用。 实现方法 我们在开发的过程中需要使用到 sha256 将用户的密码进行加密传输。 我们对js进行一点点改造。 像这个代码,我们需要加一行代码,将这个js方法导出。 在使用的时候我们引入JS. 我们可以导入一个或者            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-22 15:43:55
                            
                                270阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue.js组件的使用一.组件  组件是可复用的vue实例,可分为局部组件和全局组件。二.组件入门小案例  要求定义一个组件”one“,并重复使用它。2.1.代码实例 1 <html lang="en"> 2 <head> 3     <meta charset="UTF-8"> 4     <title>vue局部组件和全局组件title&            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-04 21:47:10
                            
                                302阅读
                            
                                                                                    
                                2评论