菜鸟计划-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

菜鸟计划

专栏成员

67

文章

92383

阅读量

26

订阅数

redux基础概念及执行流程详解

redux 容器 react vue.js

全局有一个公共的容器（所有组件都可以操作），我们可以在某个组件中把全局容器中的信息进行修改，而只要全局信息修改，就可以通知所有用到该信息的组件重新渲染（类似于发布订阅）==》redux就是这种解决方案：redux只有一个作用，就是为了实现组件之间的信息交互。

2020-02-14

8060

vue组件详解（五）——组件高级用法

一、递归组件组件在它的模板内可以递归地调用自己，只要给组件设置name 的选项就可以了。示例如下： <div id="app19"> <my-component19 :count="1"></my-component19> </div> Vue.component('my-component19',{ name: 'my-component19', //其实当你利用 Vue.component 全局注册了一个组件，全局的ID会被自动设置

2018-04-17

1.1K0

vue-router详解——小白速会

一、概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。而传统的多页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由中有三个基本的概念 route, routes, router。 1. route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮 => home内容

2018-04-16

1.6K0

vue组件详解（四）——使用slot分发内容

一、什么是slot 在使用组件时，我们常常要像这样组合它们： <app> <app-header></app-header> <app-footer></app-footer> </app> 当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot ，这个过程叫作内容分发（ transclusion ）。注意两点： 1.< app＞组件不知道它的挂载点会有什么内容。挂载点的内容是由＜app ＞的父组件决定的。 2.<app> 组件很可能有它自己的模板。 props 传递数据、ev

2018-04-10

1.3K0

vue组件详解（三）——组件通信

组件之间通信可以用下图表示：组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。一、自定义事件当子组件需要向父组件传递数据时，就要用到自定义事件。子组件用$emit （）来触发事件，父组件

2018-04-10

1.2K0

vue组件详解（二）——使用props传递数据

在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。一、基本用法组件不仅仅

2018-04-10

3.8K0

vue组件详解（一）——组件与复用

一、什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册两种方式。 2.1 全局注册后，任何V ue 实例都可以使用。如： <div id="app1"> <my-component></my-component> </div> Vue.component('my-component',{ template:

2018-04-10

1.1K0

vue表单详解——小白速会

一、基本用法你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。一组代码，看完text、textarea、radio、checkbo

2018-04-10

2.2K0

vue class与style 绑定详解——小白速会

一、绑定class的几种方式 1.对象语法直接看例子： <div id="app3"> <div :class="{'success':isSuccess,'fail':isFail}">对象绑定class</div>　　//简单的处理直接使用数据来判断 <div :class="classes">计算属性绑定class</div>　　//当class的表达式过长或逻辑复杂时，使用计算属性 </div> var app3 = new Vue({ el

2018-04-10

1.2K0

vue内置指令详解——小白速会

指令 (Directives) 是带有 v- 前缀的特殊属性，职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。内置指令 1、v-bind：响应并更新DOM特性；例如：v-bind:href v-bind:class v-bind:title 等等主要用法是绑定属性，动态更新HTML元素上的属性； <a v-bind:href="url">...</a>  <a :href="url">...</a> <div :title='title'>标题</di

2018-04-10

1.7K0

vue计算属性详解——小白速会

一、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 这里的表达式包含3个操作，并不是很清晰，所以遇到复杂逻辑时应该使用Vue特带的计算属性computed来进行处理。二、计算属性的用法在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。我们把上

2018-04-10

9390

vue小白快速入门

一、vue是什么 Vue 是一套用于构建用户界面的渐进式框架。压缩后仅有17kb 二、vue环境搭建你直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。但在用 Vue 构建大型应用时推荐使用 NPM 安装。这里推荐一下是用淘宝的cnpm，非常的快 npm install -g cnpm --registry=https://registry.npm.taobao.org 然后进行安装 # 全局安装 vue-cli npm install --g vue-cli # 创建一个

2018-04-10

6370

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态