我们去GitHub中查看其文档，可以发现他将subscribe定义变量成token，这就好比定时器方法的使用一样。为了我们取消定时器/订阅。
这篇文章介绍了Vue.js 父子组件之间通信的十种方式，不管是初学者还是已经在用 Vue 的开发者都会有所收获。无可否认，现在无论大厂还是小厂都已经用上了 Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开发人员必备技能。而且在面试当中也往往会问到关于 Vue 方面的各种问题，其中大部分面试官会问到如上这种问题。
微前端这个词这两年很频繁的出现在大家的视野中，主要是把微服务的概念引入到了前端，让前端的多个模块或者应用解耦，做到让前端的子模块独立仓储，独立运行，独立部署。
好了，现在基本页面已经写好了。但是为了演示父组件与子组件之间的传值以及调用关系，我将上面提交评论的部分抽出来作为一个子组件。
在Vue.js中，父子组件进行数据通信是一个老生常谈的话题，父级组件通过Prop向子组件传递数据，而子组件如何向父级组件进行数据交流沟通呢？
1. Vue.js－是国内开发者尤雨溪开发的js框架，它是实现UI层的渐进式框架, Vue借鉴了Angular的指令、React中组件和props等优点进行设计，从最简单的数据处理，到数据交互，到DOM操作，到路由处理等，VueJS都有完整的解决方案。
随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。
vue devtools 调试工具，相对于浏览器自带的开发者工具对于调试和查看vue 的项目和demo 提供更强大的调试功能，在对数据绑定的检验，标签结构等方面的查看检验调试更方便。
Vue // father.js <template> 这是父组件： 父组件 <Child ref="child" :msg="msg" @click="faClick"></Child> </template> <script> import Child from './child'; export default { data() { return { msg: '父组件
父组件
然后，选中head,右键选择新建Component(即会生成.js, .json, .wxml, .wxss四个文件)
本文主要会介绍如何基于MessengerJS，实现iframe父窗体与子窗体间的通信，传递数据信息。
Vue是国内开发者尤雨溪开发的JavaScript框架，它是实现UI层的渐进式框架, Vue借鉴了Angular的指令、React中组件和props等优点进行设计，从最简单的数据处理，到数据交互，到DOM操作，到路由处理等，Vue都有完整的解决方案。
nginx中经常会因为业务需求，需要通过location配置不同的子目录，访问不同的后端，如下
随着组件的细化，就会遇到多组件状态共享的情况， Vuex 当然可以解决这类问题，不过就像 Vuex 官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。
随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它。
├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: git版本管制忽略的配置 ├── babel.config.js: babel的配置文件 ├── package.json: 应用包配置文件 ├── README.md: 应用描述文件 ├── package-lock.json：包版本控制文件
一般我们读取的时候 直接this,text就能得到"I,dog" 其实还可以这样写
前言：跟 当我调用了$().append()后，jQuery内部发生了什么？ 一样，replaceWith() 会经过 domManip() 和 buildFragment() 的洗礼，最后调用原生JS的方法来实现。
简介：模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 Modal简介 Modal实现弹出表单 Modal实现删除提示框 其他用法 Bootstrap 模态框（Modal）插件 模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，正如
上一篇章，我们讲解了Vue中插槽的基本使用方法，本篇章来讲解作用域查看的情况。这是一种什么情况呢？
作者：愣锤 https://juejin.im/post/5b174de8f265da6e410e0b4e
components:{App}//注册的组件 名称来自import引入时的名字
jq利用DOM操作，降低了ajax请求函数的复用性（js与html耦合性太高）。 而vue通过框架提供的指令实现数据双向绑定，我们只需要关注业务逻辑，而不需要直接操作DOM元素。
https://github.com/vuejs/vue-devtools#vue-devtools
使用Anaconda安装python后，就已经集成Jupyter nodebook了，如果notebook与conda的环境和包没有关联，可以执行以下命令进行关联
我们之前学的呢,都是JS的基础部分,也就是ECMA规定的语法,后面我们就要学习BOM和DOM了.
一、如何查看dom元素的事件 某种情况我们在页面交互上发现一个问题，肯定是非常想知道这个交互触发执行的入口，这会使我们更直接、快速的进行代码的跟踪、调试和分析。其实在chrome浏览器这很简单就实现了
父组件可以在引用子组件的时候， 通过属性绑定（v-bind:） 的形式, 把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，供子组件使用。
在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~
去年 12 月份开始接触 vue ，到现在我发现真的要多练习，对于语法和 API 的了解才更加深刻，结合小 demo 看，所有的东西都变得通俗易懂啦。请相信，语言只是一种工具，核心依旧是编程思想，所以学习并不难
React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。
小技巧：如果API写的是Emement复数的形式，也就是后面加了s（Emements）那么它返回的就是一个伪数组 否则就是单个对象，一般只有id才会是单个对象，其他方式获取（标签名 类名）都是伪数组.
要表示真正的整数，需要用 bigint，数字的结尾用 n 表示它是一个 bigint 类型
在 JavaScript 里面，函数、块、模块都可以形成作用域（一个存放变量的独立空间），他们之间可以相互嵌套，作用域之间会形成引用关系，这条链叫做作用域链。
在这篇博客中，我们将深入探讨Vue组件通信的原理，并探索不同的应用场景。组件通信在Vue.js开发中是一个关键的概念，它涉及到组件之间的数据传递和交互。通过理解Vue组件通信的原理和灵活运用，我们可以更好地设计和组织Vue.js应用，提高开发效率和代码质量。
前面写了组件的创建、切换等等篇章，主要讲述了组件自身如何在父组件app中如何渲染使用。这里存在一个问题，就是父组件的数据如何传递到子组件中。
.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件,就相当于html中的css文件。
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。
01-面向对象三大特征（封装、继承、多态） a.封装：将某个具体功能封装在对象中，只对外部暴露指定的接口，外界在使用的时候，只考虑接口怎么用，不用考虑内部怎么实现（前面学习的api其实就是一种封装思想） b.继承：一个对象拥有其他对象的属性和方法 c.多态：一个对象在不同情况下的多种状态 1.1-多态(js中了解即可) <script> /*多态(JS中了解即可,使用不多)：一个对象在不同情况的多种状态 饲养员对象Person ： 给动物对象喂养
从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。查看自己使用的小程序基础库版本，可以通过在开发者工具右侧点击详情查看：
在项目中使用 ECharts 遇到了一些问题，包括图表不会随着窗口大小变化而变化，以及父组件向子组件传值时，ECharts 中的值不会被同步渲染等，因此写本博文进行记录；
如果要用一句话来概括Redux，那么可以使用官网的这句话：**Redux是针对JavaScript应用的可预测状态容器。**此句话虽然简单，但包含了以下几个含义：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
