追求卓越一諾千金

藍藍設計_-|盈彩充值客服,2011年成立-|360彩票机选大厅,主創清華團隊如何在ktv唱好歌,專注軟件和互聯網ui設計開發---106彩票首页。擅長企業信息化管理-_-艺考生百日冲刺、監控--政府最新打击云联惠、大數據軟件UIUE谘詢和設計開發服務-雪花飞舞图片。立足UI--许喵喵mickey种子,好好學習-|_365彩票官方网站,天天進步-|胸器白!


Vue.js 學習日誌(一)

2019-7-4 釋然 前端及開發文章及欣賞


如果您想訂閱本博客內容||360双色球开奖号码查询,每天自動發到您的郵箱中-|中国水产网, 請點這裏


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 測試實例</title>
<script src="../static/vue.min.js"></script>
</head>
<body>
<div id="vue_data">
<h1>title : {{title}}</h1>
<h1>url : {{url}}</h1>
<h1>{{info()}}</h1>
</div>
<script type="text/javascript">
var vm = new Vue({
el: '#vue_data',
data: {
title: "Vue.js",
url: "https://cn.vuejs.org"
},
methods: {
info: function() {
return  this.title + " - 堅持學習|-青海玉树地震时间!";
}
}
})
</script>
</body>
</html>
1|_n81软件下载、每個Vue應用都需要實例化Vue來實現

var vm = new Vue({
    //*******
})
2|-银彩娱乐攻略、el參數

在上麵實例中的id為vue_data-|天国凤凰第二部,在div元素中__|注册送彩金平台:

<div id="vue_data"></div>
意味著所有的改動均在這個id為vau_data的div中_唐人街导航,外部不受影響|盈彩网app下载安装。

3|_碧美斯、定義數據對象

data用於定義屬性铁道兵网,在上述實例中有2個屬性||_雅思口语考试时间,分別為-牛网卡盟:title--桑叶采摘机、url|_|经典色文。

methods用於定義函數|-纳斯机构,可以通過return來返回函數值-_云顶国际赌场。

{{ }}用於輸出對象屬性和函數返回值_掌上彩票pro。

當一個Vue實例創建時_|步步佳换面鞋,Vue的響應係統加入了data對象中能找到的所有屬性_|自贡富顺二中。當這些屬性的值發生改變時||-抓住偷水贼,html視圖也會產生相應的變化_|_钱学森 儿子。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 測試實例</title>
<script src="../static/vue.min.js"></script>
</head>
<body>
<div id="vue_data">
<h1>title : {{title}}</h1>
<h1>url : {{url}}</h1>
</div>
<script type="text/javascript">
//數據對象
var data = {title: "Vue.js",url: "https://cn.vuejs.org"}
var vm = new Vue({
el: '#vue_data',
data: data
})

//設置屬性會影響到原始數據
vm.title = "spring";
document.write(data.title + "<br>");

//同樣
data.url = "https://spring.io";
document.write(vm.url);
</script>
</body>
</html>
Vue還提供了實例屬性與方法|||易旺彩票地址是多少,以前綴$與用戶定義的屬性區分開來_|山西考试招生网登录。

document.write(vm.$data === data) // true

藍藍設計www.jwrumpff.com )是一家專注而深入的界麵設計公司_-追加军火,為期望卓越的國內外企業提供卓越的UI界麵設計|_国家医考网登录入口、BS界麵設計 -_广州圣亚性医院、 cs界麵設計 |_红玖木商城、 ipad界麵設計 --105彩票、 包裝設計 -门德尔松无词歌、 圖標定製 ||-132彩票com、 用戶體驗 -辽宁都市频道、交互設計_-|注册送28元体验金彩票、 網站建設 ||-肾毒清、平麵設計服務_01彩票是不是骗局。

標簽: Vue.js 學習日誌(一) « 如何成為一個讓人幸福的設計師-|班主任自我介绍? | 數據可視化大屏設計經驗分享»


訂閱Rss