vue中有父子组件通信和非父子组件通信。父组件和子组件之间的通信非常简单。父组件通过props将数据传递给子组件。当子组件事件传递给父组件时，它将通过$emit事件传递给父组件。现在就来谈谈两个没有任何关系的组件之间如何进行通信的。一、导入首先创建事件总线将其导出，使其它模块能够使用或者监听它，有两...
标签：vue
程序中面向对象的基本体现在JavaScript中，所有的数据类型都可以视为对象，当然也可以自定义对象。自定义的对象数据类型就是面向对象中的类的概念假设我们要处理学生的成绩表，为了表示一个学生的成绩，面向过程的程序可以用一个对象表示：var stu1 = { name: "one", score: 9...
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。第一种安装方法：1. 进入https://github.com/vuejs/vue-devtools下载源码，如下图2. 下载成功后解...
v-show和v-if的使用v-show和v-if都能够控制dom节点的出现与消失，那么它们怎样使用呢？它俩又有什么区别呢？首先我们使用v-if来看一下<!DOCTYPE html><html lang="en"><head> <meta charse...
vue实例的生命周期钩子函数vue实例从创建到最后的销毁这个过程中会自动的执行一些方法，也被称为vue实例的生命周期钩子函数，具体可以参照vue官方提供的生命周期图片可以看到在vue的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么首先我们列出所有的钩子函数，再根据代码...
v-model实现输入框中数据与页面内容同步代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> ...
v-on指令的使用先上图，我们设置两个按钮：第一种我们直接在行内进行运算，通过v-on绑定click点击事件，当点击按钮时，可以直接加一第二种我们给按钮绑定一个sub方法，再在methods里面来定义这个方法，也能够实现同样的功能<div id="app"> {{ count }}...
v-for指令的使用<div id="app"> <ul> <li v-for="(item,index) in msg1">{{ item }}---{{ index }}</li> <br> ...
两种模式对比MVVM是Model-View-ViewModel的简写。model指的是数据层。View指的是视图层。ViewModel是该模式的核心，它是连接数据层和视图层的桥梁。它有两个方向：一是将model转化成view，即将数据层的数据转换为视图层显示出来。实现的方式是：数据的绑定。二是将vi...
对于刚接触前端框架的小白来讲，可能会不知道哪个框架容易入手，哪个框架功能强大，本文为大家介绍Vue与React以及Vue与Angular的对比，希望能够对你有所帮助1. Vue和React对比二者都使用虚拟Dom（即不实际操作Dom，框架底层自动操作Dom）React实现作用域内css样式必须要使用...
