方法一: <div id="app"> <button @click="getData($event,'100')">点我</button> </div> methods : { getData(e,num) { console.log(num); // 输出 100 } } 方法二: <div i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-09-21 08:54:00
                            
                                3982阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            export default {    props: ['msg'],     ready () {        this.$watch('msg', function(newVal, oldVal){           .            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-05-26 16:49:53
                            
                                1802阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue.js获取父页面的值
## 导言
Vue.js是一款用于构建用户界面的渐进式JavaScript框架。在开发过程中,经常会遇到需要获取父页面的值的情况,本文将详细介绍如何实现Vue.js获取父页面的值的方法。
## 整体流程
下表展示了整个获取父页面值的流程:
| 步骤   | 描述                                    |
| ------ | -            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-20 08:31:37
                            
                                810阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            简单描述一下问题:Q:  在组件内部调用了公共方法wakeApp,想在判断是微信环境时候,通过改变组件局部变量的值,弹出遮罩组件,然鹅,并不知道怎么在外部引用的js中改变组件data中定义的局部变量。 A:尝试很多方法无果,后来优秀同学告诉我,他之前在vuex里 访问this,就是这么搞的,试了一下,好使:data() {
        return {            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-20 19:02:49
                            
                                207阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # Vue.js获取style
## 介绍
Vue.js是一个流行的JavaScript框架,用于构建用户界面。在Vue.js中,我们经常需要获取元素的样式信息,以便在处理用户交互时进行相应的操作。本文将介绍如何使用Vue.js获取元素的style属性,并提供相应的代码示例。
## 获取元素的style属性
在Vue.js中,可以使用`$refs`属性来获取元素的引用。一旦获取了元素的引用            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-01 03:39:29
                            
                                796阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在vue的很多组件中都会用到axios来Post数据,每个组件中都写上一个post的方法倒是也可以,复制就行了,但是总感觉有些不方便,那么可以把axios的post写到一个单独的js文件中,然后在需要的组件中引用岂不是更好吗。1、在assets文件下新建一个js文件新建一个名称为webpost.js文件import axios from 'axios'
    //Post方法的封装
    fu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-01 22:24:39
                            
                                10阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            原生javascript方法: var a = document.getElementById("dom");
      del_space(a); //清理空格
      var b = a.childNodes; //获取a的全部子节点;
      var c = a.parentNode; //获取a的父节点;
      var d = a.nextSibling; //获取a的下一            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-02 10:06:45
                            
                                367阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如            
                
         
            
            
            
            1、访问vue官网:https://cn.vuejs.org/            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-20 10:54:19
                            
                                75阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在使用Vue开发中,我们会常常获取input框的值,在这跟大家总结一下我常用的两种方式。使用ref获取input框的值<template>
   <div>
       <div class="logininfor">
           <input type="text" placeholder="手机号码" ref="userphone">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-07 10:50:33
                            
                                596阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Vue.js 获取焦点方法
在Vue.js中,获取DOM元素的焦点是一项常见的操作。本文将介绍如何使用Vue.js来获取焦点,并给出相关的代码示例。
## 为什么需要获取焦点
在Web应用程序中,焦点是指当前用户正在与之交互的元素。通过给元素设置焦点,可以使用户能够与该元素进行交互,例如输入文字或点击按钮。在某些情况下,我们可能需要在页面加载时自动将焦点设置在某个特定的元素上,或者在用户            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-11 04:51:21
                            
                                1088阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue  </title><script src="https://un            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-16 12:01:39
                            
                                98阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            八. 组件8.1 组件化为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块组件化  :从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一8.2 三种方式创建组件8.2.1  vue.extend 创建全局组件var com1= Vue.extend({
			//通过template 属性 指定了 组件要展示的HTML结构
			template:'&            
                
         
            
            
            
            Vue.js是一款流行的JavaScript框架,用于构建用户界面。在Vue.js中,我们可以轻松地获取数组中的属性值。本文将介绍三种常见的方法来获取数组中的属性值。
## 使用`v-for`指令
Vue.js提供了`v-for`指令,用于遍历数组并渲染数组的每个元素。我们可以在`v-for`指令中访问数组元素的属性值。
```html
  
    
      
        {{            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-01 15:18:28
                            
                                2362阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            
                        
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-04-29 11:58:00
                            
                                306阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Vue.js:Vue.js(是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性:I:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-10 11:36:06
                            
                                856阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue.js是对JavaScript进行了封装,语法风格和小程序很像,比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方,所以说只要熟悉了一门语言,再学习其他语言就会融会贯通。 Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://w            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-08-24 15:28:00
                            
                                256阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.Vue.js 1.1Vue.js介绍 1.1.1Vue.js是什么? 	Vue是一套用于构建用户见面的**渐进式框架。**与其他大型框架不同的是,Vue被设计为可以自底层向上逐层应用。 	Vue的核心库只关注视图层,不仅易于上手,还便于与第三方或既有项目整合。另一方面,当与现代化工具链以及各 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-21 22:00:00
                            
                                300阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。它主要用于创建单页面应用(SPA),但也可以作为一个库集成到现有项目中。Vue 提供了响应式数据绑定和组件化的开发模式,使得开发者可以高效地构建动态和交互性强的应用。主要特点:响应式数据绑定:Vue 的数据绑定系统使得数据和视图保持同步,改变数据会自动更新视图。组件化:通过组件,开发者可以将界面分解为可重用的片段,提高代码的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-08-27 11:47:04
                            
                                175阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            欢迎扫码关注微信公众号回复关键字【资料】获取各种学习资料
啥是VUE.js前端开发框架采用MVVM模式            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-02-28 11:04:12
                            
                                158阅读