Vue 元件使用ifranme元素

2021-09-10 09:15:05 字數 758 閱讀 2228

1、新建乙個vue檔案:ifranme-demo.vue

前往 在新視窗開啟

主要的是下面這段**

2、路由配置指向當前的vue檔案

}下面附加一些iframe的一些方法

var iframe = document.getelementbyid("iframe1");

var iwindow = iframe.contentwindow;

var idoc = iwindow.document;

console.log("window",iwindow);//獲取iframe的window物件

console.log("document",idoc); //獲取iframe的document

console.log("html",idoc.documentelement);//獲取iframe的html

console.log("head",idoc.head); //獲取head

console.log("body",idoc.body); //獲取body

vue 元件及動態元件使用

在註冊乙個元件的時候,我們始終需要給它乙個名字,該元件名就是vue.component的第乙個引數。元件命規則 1 使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時,你也必須在引用這個自定義元素時...

Vue元件使用基礎

這篇博文用來記錄.vue元件的使用方法。可以把元件 按照template style script的拆分方式,放置到對應的.vue檔案中。模板 template 初始資料 data 接受的外部引數 props 方法 methods 生命週期鉤子函式 lifecycle hooks 在html中使用元...

Vue 元件的使用

使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時,你也必須在引用這個自定義元素時使用 kebab case,例如 使用 pascalcase vue.component mycomponentna...