在 Vue.js 中,组件实例是 Vue 应用中最基本的构建块之一。每个组件实例都是一个 Vue 组件,它具有自己的模板、数据、方法和生命周期钩子,可以独立地管理自己的状态和行为。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-14 09:49:25
                            
                                55阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Android 组件学习【启发】 如何处理好多个组件的多个事件今天无意间看了一篇文章感觉这篇文章给我较深的印象。他的学习思路:看组件的直接子类或者父类,利用面型对象的思想来研究组件。比如下面是TextView组件的 继承关系。TextViewextends Viewimplements ViewTreeObserver.OnPreDrawListe            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-12 07:15:54
                            
                                85阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这是我见过写得相当细致的一篇文章了,而且作者的项目非常用心,文章非常长,建议点完收藏继续看。组件化综合案例,包含微信新闻,头条视频,美女图片,百度音乐,干活集中营,玩Android,豆瓣读书电影,知乎日报等等模块。架构模式:组件化+MVP+Rx+Retrofit+Desgin+Dagger2+阿里VLayout+腾讯X5+腾讯bugly。安装阿里编码规约插件,不断修正不合理代码和最大程度去除黄色警            
                
         
            
            
            
            两个项目:内容提供者 :内容接收者:一.对于ContentProvider的简介我之前写好了博客,这里不再重复,刚入门的朋友还是建议先去看看简介这样才能实现这篇文章的一目十行,简介地址:二.过程:1.因为ContentProvider主要用来多应用之间传递数据,所以这里我们首先创建两个Android Application Project,一个用于提供数据的,我将Project取名为内容提供者,一            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-04 13:47:46
                            
                                32阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            keep-alive 是一个Vue内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例,而不是销毁它们,在进行页面跳转后,想要留存上一个页面的访问状态,keep-alive可以来助力。            
                
         
            
            
            
            在 Vue 项目中,有时会遇到“vue组件实例实例上没有axios”的问题,这通常是因为 Axios 没有正确集成到 Vue 组件中。本文将详细记录如何解决这个问题的过程,包含环境准备、分步指南、配置详解、验证测试、优化技巧以及扩展应用,以帮助读者顺利整合 Axios 到 Vue 组件中。
### 环境准备
在开始之前,我们需要准备一些依赖。确保您的开发环境中安装了 Vue 和 Axios。如            
                
         
            
            
            
            第1节:实例入门-实例属性一、Vue和Jquery.js一起使用1、下载并引入jquery框架下载可以去官网进行下载,这里使用的版本是3.1.1,下载好后在需要的页面引入就可以了。当然还有很多其它的方法引入jquery,只要可以顺利引入就可以了。1<script type="text/javascript" src="../assets/js/jquery-3.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-03-26 16:40:19
                            
                                3218阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                             
         
            
            
            
            接触vue一年了,由于早前都是碎片化的学习与练习,缺乏深入的理解与总结,所以感觉收效甚微。最近利用闲暇时间撸了一个基于vue全家桶的天气应用webapp并做一些项目总结,以巩固自己所学,加深对vue的理解。前端框架的选择在web移动端应用快速崛起的今天,webapp,hybird app挤压传统原生app的趋势越发明显,产品的快速更新迭代、跨平台适配,催生了越来越多五花八门的前端框架。为了应对各式            
                
         
            
            
            
            1 多文件组件:一个文件中包含多个组件
组件步骤
第一步:定义
 const school = Vue.extend({
  template:`<div>{{schoolName}}</div>`,
  data(){
    return {
      schoolName: '美丽的学校'
    }
  }
})
// extend可以省略
const st            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2023-12-14 09:15:44
                            
                                266阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            注:单文件.vue必须在脚手架环境下才能1、Student.vue<template>  <!-- 组件一 -->  <div class="demo">    <h2>---------【            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-24 18:20:08
                            
                                192阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue组件开发实例: css文件:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-03-27 20:28:00
                            
                                165阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前言 因为最近面试了二、三十个人,发现大部分都还是只是停留在 Vue 文档的教程。有部分连教程这部分的文档也没看全。所以稍微写一点,让新上手的 Vuer 多了解 Vue 文档的其他更需要关注的点。 因为 Vue 文档已经是个很成熟的文档,并且实现的 demo 简洁明了,我就不具体写实现代码了,文内只            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-12-23 13:30:00
                            
                                70阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、递归组件组件在它的模板内可以递归地调用自己, 只要给组件设置name 的选项就可以了。示例如下:  <div id="app19">   <my-component19 :count="1"></my-component19>  </div>Vue.component('my-component19',{ name: 'my-com...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-29 10:16:32
                            
                                175阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这里每一个例子可以直接拷进body运行。 本系列为学习记录,并非大神教学案例。 仅仅整理用法,至于VUE的原理,设计模式等等暂不讨论,文中如有不对,还请大家帮忙指正,万分感激。 下一篇会写父子组件交互。 这里是针对于vue1.0,如果要学2.0,建议大家去看官方文档 vue2.0 http://vu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-02-06 22:25:00
                            
                                72阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、目标主要功能是获取经纬度、拍照、录音、获取指南针等强依赖各底层平台(指的是浏览器内核、操作系统等)的多媒体功能;支持的平台包括:Mobile Chrome 浏览器、Android App、IOS App(技术不熟,时间不充足,未实现二、方案涉及平台众多,但是都有一个 Webkit 内核(或者说 Webview),所以技术选型时,尽量考虑通用技术,能够直接适配所有的业务场景;经过初步的验证,发现            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-16 10:36:11
                            
                                55阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            记得第一次使用 echarts 还是2019年的时候,那时做的一个物联网项目云平台的前端需要一些数据可视化功能,经过一些对比后就使用了 echarts 。上手非常快,专业性也足够,因此在后来其他的一些项目中就多次用到它。echarts 是百度基于 JavaScript 实现的一个开源可视化图表库,主要特点就是可视化类型丰富、动画炫酷、使用简单。这个教程就简单演示如何在 Vue 3 项目中使用 ec            
                
         
            
            
            
            在实际开发中,我们是需要在父组件中去获取子组件实例对象,记住是子组件的实例对象,比如说子组件是<cpn></cpn>,在父组件使用了3次,那就有3个子组件实例。 获取子组件的方式有两种:$children 和 $refs $children的使用如下: $children很少用,因为他是获取当前父组            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-03-25 23:20:00
                            
                                5155阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1, 组件思想 它提供了一种抽象,开发出一个个独立可复用的小组件来构造我们的应用。 任何的应用都会被抽象成一颗组件树尽可能的将页面拆分成一个个小的、可复用的组件。方便组织和管理,并且扩展性也更强 2,注册组件的基本步骤组件的使用三个步骤: 1,创建组件构造器; Vue.extend(): 2,注册组件; Vue.component(‘my-cpn’, cpnC) 3,使用组件。 组件必须挂载在某            
                
         
            
            
            
            一、父组件向子组件传递数据①获取数据并在父组件上绑定数据②在子组件使用props接收父组件传递过来数据            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-22 09:35:04
                            
                                91阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <h5>8.组件实例 property</h5><pre>const vm = app.mount('#app')</pr...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-14 16:59:47
                            
                                82阅读