-
Notifications
You must be signed in to change notification settings - Fork 0
/
day7.html
36 lines (34 loc) · 8.89 KB
/
day7.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Day7 有機發酵生命週期 | Yu jax</title>
<meta name="description" content="test">
<link rel="preload" href="/vuepress-notes/assets/css/0.styles.89bbdc55.css" as="style"><link rel="preload" href="/vuepress-notes/assets/js/app.983685f1.js" as="script"><link rel="preload" href="/vuepress-notes/assets/js/16.2c0ae231.js" as="script"><link rel="prefetch" href="/vuepress-notes/assets/js/10.1829f47d.js"><link rel="prefetch" href="/vuepress-notes/assets/js/11.69095bd9.js"><link rel="prefetch" href="/vuepress-notes/assets/js/12.dbbae759.js"><link rel="prefetch" href="/vuepress-notes/assets/js/13.edc40bb1.js"><link rel="prefetch" href="/vuepress-notes/assets/js/14.ec660216.js"><link rel="prefetch" href="/vuepress-notes/assets/js/15.3e2354c4.js"><link rel="prefetch" href="/vuepress-notes/assets/js/17.083b5622.js"><link rel="prefetch" href="/vuepress-notes/assets/js/18.65c68b6b.js"><link rel="prefetch" href="/vuepress-notes/assets/js/19.16b22c1d.js"><link rel="prefetch" href="/vuepress-notes/assets/js/2.89ad5a90.js"><link rel="prefetch" href="/vuepress-notes/assets/js/20.ed7623b2.js"><link rel="prefetch" href="/vuepress-notes/assets/js/3.4e00d1f1.js"><link rel="prefetch" href="/vuepress-notes/assets/js/4.62b083e6.js"><link rel="prefetch" href="/vuepress-notes/assets/js/5.67d2c5de.js"><link rel="prefetch" href="/vuepress-notes/assets/js/6.60261b9f.js"><link rel="prefetch" href="/vuepress-notes/assets/js/7.cf4b2ab5.js"><link rel="prefetch" href="/vuepress-notes/assets/js/8.77fa9358.js"><link rel="prefetch" href="/vuepress-notes/assets/js/9.06f97c9c.js">
<link rel="stylesheet" href="/vuepress-notes/assets/css/0.styles.89bbdc55.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vuepress-notes/" class="home-link router-link-active"><!----> <span class="site-name">Yu jax</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vuepress-notes/" class="nav-link">首页</a></div><div class="nav-item"><a href="https://github.com/cvecve147" target="_blank" rel="noopener noreferrer" class="nav-link external">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="mailto:u0633126@gm.nuu.edu.tw" class="nav-link external">
聯絡我
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vuepress-notes/" class="nav-link">首页</a></div><div class="nav-item"><a href="https://github.com/cvecve147" target="_blank" rel="noopener noreferrer" class="nav-link external">
GitHub
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="mailto:u0633126@gm.nuu.edu.tw" class="nav-link external">
聯絡我
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav> <ul class="sidebar-links"><li><a href="/vuepress-notes/" class="sidebar-link">內容簡介</a></li><li><a href="/vuepress-notes/menu.html" class="sidebar-link">菜單總覽</a></li><li><a href="/vuepress-notes/day0.html" class="sidebar-link">Day0 起步工具</a></li><li><a href="/vuepress-notes/day1.html" class="sidebar-link">Day1 古早味事件燉畫面綁定</a></li><li><a href="/vuepress-notes/day2.html" class="sidebar-link">Day2 清爽表單處理佐雙向資料</a></li><li><a href="/vuepress-notes/day3.html" class="sidebar-link">Day3 使用者輸入焗列表呈現</a></li><li><a href="/vuepress-notes/day4.html" class="sidebar-link">Day4 峰峰相連互動式資料表單</a></li><li><a href="/vuepress-notes/day5.html" class="sidebar-link">Day5 天然 CSS 過場佐 jQuery 動畫</a></li><li><a href="/vuepress-notes/day6.html" class="sidebar-link">Day6 異國風情資料觀測與設定</a></li><li><a href="/vuepress-notes/day7.html" class="active sidebar-link">Day7 有機發酵生命週期</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/vuepress-notes/day8.html" class="sidebar-link">Day8 家鄉通訊錄佐手作</a></li><li><a href="/vuepress-notes/day9.html" class="sidebar-link">Day9 特製雕花 Vue-cli 3.0 與 Node.js 開發環境</a></li><li><a href="/vuepress-notes/day10.html" class="sidebar-link">Day10 科學單檔模組化料理</a></li><li><a href="/vuepress-notes/day11.html" class="sidebar-link">Day11 清燉嫩煮百頁路由</a></li><li><a href="/vuepress-notes/day12.html" class="sidebar-link">Day12 Vuex</a></li><li><a href="/vuepress-notes/day13.html" class="sidebar-link">Day13 漸進式框架</a></li></ul> </div> <div class="page"> <div class="content"><h3 id="day7-有機發酵生命週期"><a href="#day7-有機發酵生命週期" aria-hidden="true" class="header-anchor">#</a> Day7 有機發酵生命週期</h3> <h4 id="重點整理"><a href="#重點整理" aria-hidden="true" class="header-anchor">#</a> 重點整理</h4> <ul><li>beforeCreate:執行初始化物件後,資料與事件設定前</li> <li>created:資料、事件、屬性方法的計算等初始化完成</li> <li>beforeMount:DOM 渲染完成,還沒加載到畫面</li> <li>mounted:渲染完成的內容取代畫面原本指定的 el</li> <li>beforeUpdate:資料更新但是畫面尚未重新渲染</li> <li>updated:重新渲染更新畫面</li> <li>activated:物件銷毀前,最後一不可完整使用物件的階段</li> <li>deactivated:物件銷毀,同時也會取消事件綁定與銷毀子物件</li> <li>beforeDestroy:keep-alive 組件啟用</li> <li>destroyed:keep-alive 組件停用</li></ul> <div class="danger custom-block"><p class="custom-block-title">WARNING</p> <p>引用
<a href="https://floraya.gitbooks.io/vue-2-0/content/vuejs-chang-shi-yong-shu-xing.html">https://floraya.gitbooks.io/vue-2-0/content/vuejs-chang-shi-yong-shu-xing.html</a></p></div> <hr> <center><iframe width="560" height="315" src="https://www.youtube.com/embed/_Mx_YW8Nd3A" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe></center>
```
</div> <div class="page-edit"><!----> <!----></div> <div class="page-nav"><p class="inner"><span class="prev">
←
<a href="/vuepress-notes/day6.html" class="prev">
Day6 異國風情資料觀測與設定
</a></span> <span class="next"><a href="/vuepress-notes/day8.html">
Day8 家鄉通訊錄佐手作
</a>
→
</span></p></div> </div> <!----></div></div>
<script src="/vuepress-notes/assets/js/app.983685f1.js" defer></script><script src="/vuepress-notes/assets/js/16.2c0ae231.js" defer></script>
</body>
</html>