全局弹窗

全局弹窗

步骤一

创建index.vue组件，用来展示弹窗的内容， 定义组件的方法属性，控制显示隐藏

1

步骤二

创建index.js 文件， 在文件内引入弹窗的vue内容文件，获取调用vue组件的方法属性

2

步骤三

在main.js 中把index.js 文件绑定到Vue 原型上

3

步骤四

使用，弹窗并执行弹窗组件的方法

4

方法属性说明

extend

extend创建的是一个组件构造器，而不是一个具体的组件实例。创建的这个 Pop构造函数 才是能new出一个实例来

let Pop = Vue.extend(pop);
instance = new Pop()

构造器 Pop的参数 它的参数跟new vue的基本一样，传入的参数，会合并替换index.vue组件中属性和方法， 类似｛...a,...b｝

data 选项是特例，需要注意 - 在 Vue.extend() 中它必须是函数

参数

new Vue

$mount

$mount(element)方法将模板将被渲染为文档之外的的元素， 并将这个元素挂载到element元素下(即 插入文档中)。使用mount 挂载之后会返回$el

如果没有参数 只会渲染为文档之外的元素，并且你必须使用原生 DOM API把它插入文档中。

使用$mount挂载的时候不能挂载到body和html下面，因为挂载是把$mount渲染的元素替换 指定挂载对象下面的所有内容，所以限制不能挂载到body和html上

挂载