vue组件

vue梳理（2）

-app.vue作为根组件被挂载到index.html文件里，其他的所有组件都是在app.vue组件里做文章。展示给用户的就是app.vue里的内容，你觉得删的没有内容了但实际还有很多是因为什么呢？
dituke6943·2020-08-13 10:13

修改elementUI组件样式无效的多种解决方式

前言：vue+elementUI项目开发中，经常遇到修改elementUI组件样式无效的问题，原因：在vue组件中我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。
广积粮缓称王·2020-08-12 18:10

vue组件化（二）-有关父子组件的通信

父到子组件的通信子组件是不能引用父组件或者vue实例的数据的。但是在开发中，往往一些数据确实需要从上层传递到下层，比如在一个页面中，我们从服务器请求到了很多的数据。其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。这个时候，我们并不会让子组件再次发送一个网络请求，而是直接让大组件（父组件）将数据传递给小组件（子组件）如何进行父子组件之间的通信呢？①通过props向子
Weightlessly·2020-08-12 18:25

vue-组件化（一）

vue组件化思想组件使用分成三个步骤①调用Vue.extend()方法创建组件构造器（ES6中继承)通常在创建组件构造器时，传入template代
Weightlessly·2020-08-12 18:25

vue组件化（三）父子之间的访问和slot插槽相关知识

$children和$ref父组件访问子组件使用$children或$refthis.$children时一个数组类型，它包含所有子组件对象。我们通过遍历可以取出所有子组件的状态。不常用。$ref比较像getElemengtById可以直接访问按钮我是子组件constapp=newVue({el:'#app',data:{},components:{'cpn':{template:"#cpn",d
Weightlessly·2020-08-12 18:25

vue组件初始化的执行顺序详解

初入vue的朋友可能会疑惑，组件初始化的时候,created，props，data到底谁先执行？今天，我就带大家从源码的角度看看到底谁先执行？我们知道,vue是个实例那我们就从newVue()开始，看看到底做了什么，首先是_init方法，初始化，我们点进去继续看看可以看到首先是进行初始化生命周期，初始化事件中心，初始化渲染等操作，在created之前，这也就说明了为什么在created的时候无法进
HzDoctor·2020-08-12 17:15

你可能不知道的vue父子组件生命周期

关于vue组件的生命周期，相比各位同学都已经滚瓜烂熟。但是父子组件的生命周期呢？
HzDoctor·2020-08-12 17:15

Vue 组件注册方式

因此，Vue组件的构造选项和newVue(
LoveVin·2020-08-12 17:12

四、vue组件中使用elementUI样式(row-class-name)无效问题

问题描述vue项目中，需要给vue表格中的每一行加入自定义的样式，根据文档给组件加上row-class-name属性即可，直接加入该属性并且在当前vue组件中配置对应class发现样式并没有生效。
咸鱼最牛逼·2020-08-12 17:00

Vue组件通信的方式

组件通信组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信。组件通信的方式父子组件通信-----props1.在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上2.在子组件的配置项中可以使用一个props配置项来接收这个数据，接收时，props的取值可以使一个数组Vue.component('Son',{templ
前端小制杖·2020-08-12 16:00

Vue基本语法和组件以及Git分支创建

所以现在对项目中需要重点使用的Vue以及Git的部分知识点作以复习和巩固-Vue1.基本语法2.Vue组件3.Vue过渡和效果-Git1.新分支的创建2.分支的上传-Vue参考地址：http://doc.vue-js.com
Fly_ing_pig·2020-08-12 16:51

vue组件化开发简单实例(上)

Vue组件化的实现和使用步骤注册组件的基本步骤创建组件构造器注册组件使用组件具体实现[最基础的使用]：vue事件监听练习//创建组件构造器constcompomentConstruct=Vue.extend
理想的亡命之徒·2020-08-12 16:17

Vue组件化

Vue组件化注册组件的基本步骤调用Vue.extend()方法创建组件构造器调用Vue.component()方法注册组件在Vue实例的作用范围内使用组件//1.创建组件构造器对象constcpnC=Vue.extend
嘟狗·2020-08-12 16:58

vue组件定时刷新

遇到问题：需要定时刷新获取新的数据进行展示解决方法：setInterval()定时刷新备注：在vue项目中，我们该将刷新放在生命周期的mounted阶段。代码：//定时刷新mounted(){if(this.timer){clearInterval(this.timer)}else{this.timer=setInterval(()=>{//获取数据this.loadData()},6000)}}
魏秋娟·2020-08-12 15:33

js实现vue组件打印，选择内容不打印

###js方法，获取dom，用windows方法来打印。exportfunctionmyPrints(obj){varprintBox=obj//拿到打印的区域的html内容varnewContent=printBox.innerHTML//将旧的页面储存起来，当打印完成后返给给页面。varoldContent=document.body.innerHTML//赋值给bodydocument.bo
泛酸桂花酒·2020-08-12 14:17

用于登陆验证的vue组件 滑动

1：通过npm安装npminstallvue-drag-verify--savenpminstallfont-awesomeimport'font-awesome/css/font-awesome.min.css'importdragVerifyfrom'vue-drag-verify'exportdefault{name:"login",components:{dragVerify},data(
remip·2020-08-12 14:30

vue组件的3种书写形式

第一种使用script标签标签时，type指定为text/x-template，意在告诉浏览器这不是一段js脚本，浏览器在解析HTML文档时会忽略标签内定义的内容。-->//注意type和id。Thisisacomponent!//全局注册组件Vue.component('my-component',{template:'#myComponent'})newVue({el:'#app'})第二种使
久如云漂泊·2020-08-12 13:16

vue组件化的有点

1.组件化是独立和可复用的代码组织单元。组件系统是vue核心特性之一，它使开发者使用小型、独立和通常可复用的组件构建大型应用；2.组件化开发能大幅度提高应用开发效率、测试性、复用性等；3.组件使用按分类有：页面组件、业务组件、通用组件；4.vue的组件是基于配置的，我们通常编写的组件是组件配置而非组件，框架后续会生成其构造函数，它们基于VueComponent，扩展于Vue；5.vue中常见组件化
@77·2020-08-12 12:14

初始vue(组件的定义及传参，Axios数据请求及渲染，vue路由）

在页面中如何使用Banner.vue组件。首先引入banner
德鲁兹·2020-08-12 00:39

Vue模板语法 mustache语法列表渲染 事件

DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM以后我们不在像以前一样，先获取DOM，在操作了，我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持，所以我们采用jsx语法糖Vue
我是小仙女呢·2020-08-12 00:13

vue组件之Prop

之前说要学习一下VUE的组件通讯机制，但是因为公司的任务比较多且急，连续两个大的项目模块，合规的和反洗钱真的自己全身心的投入到其中了，连续加了几周的班，今天休息了一下，刚好把vue部分父子组件的通讯方式梳理了一下，就写点总结吧。基本用法Prop的基本用法很简单，只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可。Vue.component('child',{...//接收messa
归小超·2020-08-12 00:52

一个简单的脚手架drop-cli、vue的组件库、移动端架构和pc管理后台模版

鉴于自己的经验和以往做过的项目，为了提高工作效率，特意整理了一下项目模版、vue组件库等模版并添加到一个自己封装的脚手架drop-cli中。不喜勿喷！
csid_502·2020-08-11 23:17

Vue组件中如何获取非Prop特性的值

学习Vue.js文档的过程中，发现组件那一章，非Prop特性一节有些疑问：所谓非prop特性，就是指它可以直接传入组件，而不需要定义相应的prop。尽管为组件定义明确的prop是推荐的传参方式，组件的作者却并不总能预见到组件被使用的场景。所以，组件可以接收任意传入的特性，这些特性都会被添加到组件的根元素上。例如，假设我们使用了第三方组件bs-date-input，它包含一个Bootstrap插件，
切糕糕·2020-08-11 23:25

使用 JSX 来开发 Vue 组件(借助 Babel 和 Gulp)

本文是一篇使用jsx来开发vue组件的入门教程，尽量避免使用无关技术。另外，本文也不是jsx、babel等技术的教程，不会介绍相关语法，而只是简单地分享一下开发的流程。
pish7·2020-08-11 22:50

vue基础学习第六天

注意：有时候使用npminode-sass-D装不上，这时候，就必须使用cnpminode-sass-D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析运行cnpmivue-S
伍伍怀·2020-08-11 21:05

Vue组件中prop属性使用说明

Prop的大小写(camelCasevskebab-case)HTML中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用DOM中的模板时，camelCase(驼峰命名法)的prop名需要使用其等价的kebab-case(短横线分隔命名)命名：Vue.component('blog-post',{//在JavaScript中是camelCase的props:['p
提鲁战士·2020-08-11 21:41

vue 学习笔记（五）

vue组件的api来自三个部分----prop、事件、插槽:a.prop允许外部环境传递数据给组件。b.事件允许从组件内部触发外部环境的副作用。c.插槽允许外部环境将额外的内容组合在组件中。
微微暖风·2020-08-11 21:17

vue 添加变量（非全局）

之前有说过vue添加全局变量和全局函数，但有时并不需要在全局中用到，有时某个vue组件需要用到某个局部变量针对这种情况，可以将变量放在一个js文件中，如focused.js文件constfocused=
cici_cmh·2020-08-11 21:57

Vue组件传值（二）:父组件主动获取子组件的数据和方法与子组件主动获取父组件的数据和方法

1.父组件主动获取子组件的数据和方法首先在子组件的data中定义了了一个数据message，1.调用子组件的时候定义一个ref2.在父组件里面通过this.$refs.child获取数据或者方法在根组件App.vue中：在子组件Child.vue中：通过this.$refs.child.数据和this.$refs.child.方法这样父组件就可以使用子组件中的数据与方法：效果：2.子组件主动获取父
Jeslie-He·2020-08-11 20:22

用 vue-cli创建一个项目

1、安装vue-cli脚手架:vueinitwebpackshell2、利用antdesignvue组件开发页面在项目中安装antdesignvue:npminstallant-design-vue安装后
Dwill1·2020-08-11 20:09

框架小白白白白的进阶之路 --- Vue（三）方法、计算属性和监听器

方法和计算属性methods：方法正如他的名字一样，它们是挂载在对象上的函数，通常是Vue实例本身或Vue组件。
兜里ヌ有糖·2020-08-11 20:44

Vue组件封装（以封装一个button组件为例）

8月收获摘录自https://www.cnblogs.com/muzishijie/p/11291295.html一：在components文件内创建一个button文件，文件内创建一个index.vue文件，在index.vue文件内写的是原型（包含组件的名字，应用的最底层的HTML标签，分别根据什么条件显示什么功能）,同时该文件导出的数据为一个对象。exportdefault{name:"al
Fanyee·2020-08-11 19:00

MpVue 致力打造H5与小程序的代码共用

使用vue开发小程序修改了Vue.js的runtime和compiler实现，使其可以运行在小程序环境中使用vue语法开发，编译为小程序语法一套vue程序h5+小程序Vue组件规范，熟悉vuejs即可开发小程序比
weixin_34122548·2020-08-11 19:07

利用webpack require.context加载多个vue组件

场景我们在开发项目的时候，会遇到某个组件需加载多个组件，正常的情况下；我们会用一下方式去引入：importAfrom'./components/a.vue'importBfrom'./components/b.vue'importCfrom'./components/c.vue'components:{A,B,C},或者直接用异步组件的方式：components:{A:resolve=>requi
前端小智·2020-08-11 19:48

解决v-html无法理解vue模版的问题-动态获取模版，动态插入app并使用当下app状态数据需求...

很多情况下，我们需要使用动态的html作为某个dom元素的innerhtml,如果这个内容是标准的html的话，则v-html能够圆满满足需求，而如果内容包含了vue组件，则使用v-html就不能达到你希望的目标了
weixin_30897079·2020-08-11 18:25

关于mpvue组件不更新的的问题

问题描述：1、A页面列表页面跳转到B页面提交用户资料提交完成那回退到A页面数据不刷新解决思路：页面跳转成功之后再去回到A页面请求新的数据传到A页面列表页（子组件）提交完成回退件页面重新在onShow(){}的生命周期A页面初始化顺便打一下生命周期，后面的的变量是小程序调用接口获取登录凭证，然后才能过去自己一下数据，这个变量有登陆成功之后数据是设置true不清楚的可以看一下这块登陆流程https:/
weixin_30877493·2020-08-11 18:24

Vue — 详解mixins混入使用

mixins（混入），官方的描述是一种分发Vue组件中可复用功能的非常灵活的方式，mixin
@Demi·2020-08-11 17:37

Vue如何使用混合Mixins和插件开发详解

官网：混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。
·2020-08-11 17:54

vue组件暴露和.js文件暴露接口操作

1、将同一类型的组件放在一个文件夹下2、在此文件夹下创建一个index.js3、在index.js中导入组件，并把他们暴露出去1、写法一importstudentCourse1from'./studentCourse.vue'importstudentInfo1from'./studentInfo.vue'exportvarstudentCourse=studentCourse1exportvar
·2020-08-11 17:51

vue全家桶项目学习（三、veux）

二、state可以理解为vue组件中的data，在其中定义的变量可以在各个组件中使用。
仍在努力中·2020-08-11 15:43

Vue 实现创建全局组件,并且使用Vue.use() 载入方式

自定义vue组件，一般是局部引用的方式载入，使用的时候，在应用的组件中使用importmoduleNamefrom‘module'导入，在components中注册{{info.title}}importcommentfrom
·2020-08-11 15:13

vue组件及使用

1.全局组件组件是一个特殊的实例。全局组件通过Vue.component()方法定义//全局组件Vue.component("my-button",{//组件的数据是一个函数原因是为了数据的独立性。,如果是对象，会造成组件间数据的干扰data(){return{msg:"登录"}},template:`{{msg}}`});letvm=newVue({el:"#app"});2.局部组件局部组件通
叶子_o·2020-08-11 15:37

vue组件的详细介绍、用法

vue组件的详细介绍、用法最近看了不少网页和资料，发现vue组件应用非常重要，在这里和大家分享一下我的一些了解简单了解组件及目标组件其实也是一个Vue的实例----组件是可复用的Vue实例组件1、注册一个组件
AI-luffy·2020-08-11 14:14

Vue封装组件实现响应式布局

1.封装Layout.vue组件HTML结构JS代码exportdefault{//接收父组件传递的参数props:{//版心centerWidth:{type:String,default:"1440
boiboif·2020-08-11 14:23

Vuex 2.0 源码分析

当我们用Vue.js开发一个中到大型的单页应用时，经常会遇到如下问题：https://github.com/DDFE/DDFE-blog/issues/8如何让多个Vue组件共享状态Vue组件间如何通讯通常
大灰狼的小绵羊哥哥·2020-08-11 13:33

Vue源码系列11------Vue组件化----createComponent 【创造组件】

Vue.js的一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件(component)，每个组件依赖的CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件的资源是独立的，组件在系统内部可复用，组件和组件之间可以嵌套。下面来看看createComponent的实现，了解到它在渲染一个组件的时候的3个关键逻辑：构造子类构造函数，安装组件钩子函数和实例化vnode。create
Emily Ching·2020-08-11 13:08

vue组件的生命周期

vue组件生命周期钩子函数，就是options里面的key,它的值是函数钩子函数写在其他配置项的后面组件的有哪几个阶段？
small steamed bun·2020-08-11 13:07

vue组件的创建和使用以及生命周期函数

日常一总结要使用vue的组件，需要先给组件建一个文件夹，一般是在src文件夹下的components文件夹。每一个组件就是一个.vue文件。首先先在components文件夹下创建一个.vue文件比如life.vue。编辑这个文件（写什么你随意）。然后回到APP.vue文件对组件进行引入，挂载和使用如下1.引入按照这样的形式来写；import后面的是给组件起的引入名2.挂载建立一个和data同级的
养只猫·2020-08-11 13:03

Vuex 数据流管理及Vue.js 服务端渲染（SSR）

项目见：https://github.com/smallSix6/fed-e-task-liuhuijun/tree/master/fed-e-task-03-03任务一：Vuex状态管理1、课程目标Vue
qq_35469739·2020-08-11 12:43

【vue 2.0 学习】杂记（ES6模块化/箭头函数/vue组件的props）

这个笔记整理了今天在模仿项目的过程中发现的一些零碎的理论点，就目前的掌握程度来说，我觉得这种边模仿边查边理解的套路比较适合我这种”菜鸟”。今天主要学习的是这个博客的实战系列，推荐一下～ES6:使用export和import实现模块化支持模块化是ES6的新特性，模块化的思想在python中很常见了，多门语言之间可以进行对比理解，效果杠杠的～ES6的模块化的基本规则或特点每个模块只加载一次，每个JS只
alicelmx·2020-08-11 11:14
上一页 98 99 100 101 102 103 104 105 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他