Vue系列之例項(二)

2021-09-24 10:34:01 字數 1205 閱讀 7554

entry
在main.js中會有乙個vue的例項,每個vue應用都是通過vue函式建立乙個vue例項開始的

new vue()
其中,你可以配置一些選項,經常在業務系統的入口檔案中用到的有:

el:提供乙個在頁面上已存在的dom元素作為vue例項的掛載目標;

el: "#id"
router:路由資訊,後期單獨介紹,不要捉急哈;

components:模組,可以引入其他模組在當前的vue檔案裡使用;

**template:**乙個字串模板,它會替換掛載的元素,即掛載元素的內容將被忽略,除非模板中有slot。

但是,vue例項的引數遠遠不止於此,下面我們說一下日常開發中經常用到的:

name:表示元件名稱,允許元件模板遞迴呼叫本身;

data:資料物件,用於定義元件中用到的資料,vue將data屬性轉化為getter和setter,讓屬性能夠響應資料的變化,即雙向資料繫結;

data () 

}

methods:顧名思義,用於表示方法,方法中的this自動繫結為vue例項

methods: 

}

computed:計算屬性,對資料testdata監聽並進行計算,最後返回計算值,即為testdata新值

computed: 

}

watch:監聽資料的變化

watch: 

}

props:接收來自于父元素的資料

props: ['testdata', 'num']
除此之外還有一些生命週期,例如created、mounted等等,後期會單獨寫乙個篇章來詳說噠。

關注「前端怪咖」,加入我們,一起提公升前端技能

Vue專題 二 Vue例項

每個 vue 應用都是通過用vue函式建立乙個新的vue 例項開始的 var vm newvue 在建構函式中傳入乙個物件,並且在物件中宣告各種vue需要的資料和方法,包括 接下來我們一 一介紹。每個vue例項都需要關聯一段html模板,vue會基於此模板進行檢視渲染。我們可以通過el屬性來指定。例...

cpufreq之例項分析

我們看乙個註冊cpufreq register driver 的例子.先看makefile。只要定義了 config x86 cpufreq nforce2。就會build 出cpufreq nforce2.o,我們就以它為例 42 obj config x86 cpufreq nforce2 cp...

wml入門之例項篇

先跑個例子,這個例子有點長,希望大家能針對顯示的不同內容去琢磨和理解這些標籤的作用。html tutorial xml tutorial wap tutorial you selected name 其中有兩個card標籤,也就是說會有兩個介面的,第乙個介面如何跳轉到第二個介面呢,靠 其中card2...