Vue 方法概述

2021-10-07 18:17:08 字數 520 閱讀 1315

意思為引入元件,元件可以寫在別的檔案中,也可以寫在本檔案中,需要賦值給變數

意思為替換掛載的元素為引入的元件,具體為何或如何寫成乙個標籤參考vue官方文件-元件基礎

methods屬性是定義方法的主要區域,在此屬性中,可以定義各種自定義函式名的方法以及引數

watch用來監測vue例項上的資料變動。

vue元件中,在style標籤中有乙個屬性,叫做scoped。當此標籤擁有scoped屬性的時候,該元件下的css樣式只適用於本元件,而不會影響全域性元件。這其實也相當於樣式的模組化了。

網頁可見區域高:document.body.clientheight

網頁正文全文高:document.body.scrollheight

網頁可見區域高(包括邊線的高):document.body.offsetheight

網頁被卷去的高:document.body.scrolltop

螢幕解析度高:window.screen.height

實現路由跳轉

介紹當內容滾動的**觸發

Vue概述及入門

宣告式渲染 元件系統 客戶端路由 集中式狀態管理 專案構建 需要提供標籤用於填充資料 引入vue.js庫檔案 可以使用vue的語法做功能 把vue提供的資料填充到標籤 div div var vm newvue script body 引數分析 el 元素的掛載 關聯 位置 可以是css選擇器或者d...

Vue元件之入門 概述

元件的出現,就是為了拆分vue例項的 量的,能夠讓我們以不同的元件,來劃分不同的功能模組,將來我們需要什麼樣的功能,就可以去呼叫對應的元件即可。1 vue.extend 是vue構造器的擴充套件,呼叫vue.extend 建立的是乙個元件構造器 2 vue.extend 構造器有乙個選項物件,選項物...

vue基本知識概述

mvvm設計模式 傳統網頁組成 3部分 html 定義網頁的內容 css 定義網頁的樣式 js 為網頁新增互動行為 問題 js dom操作,既要加工資料,又要承擔大量的反覆的增刪改查操作。重新劃分上述3部分 view檢視 指網頁中的元素和樣式,包括html和css model模型資料 指程式中建立的...