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,讓屬性能夠響應資料的變化,即雙向資料繫結;
methods:顧名思義,用於表示方法,方法中的this自動繫結為vue例項data ()
}
computed:計算屬性,對資料testdata監聽並進行計算,最後返回計算值,即為testdata新值methods:
}
watch:監聽資料的變化computed:
}
props:接收來自于父元素的資料watch:
}
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...