我的梦想就是带这一台笔电走遍全世界，「成为一个工程师似乎可以完成这个梦想」，於是在去年底毅然决然的投入程序语言，後来也很顺利的在网站接案公司任职。
距离梦想其实还有一段距离，爬了很多国外找工作网站，发现框架技能是不可或缺的技能，趁这次30天挑战的机会，一个月内学会框架!!
接下来的30天会以「重新认识 Vue.js」这本书作为主轴，每天会读一小章并做笔记，最後去完成书上给的实作当作ending。
三个主流框架中vue是最年轻的一个，也是相较好入门的框架。
能帮助我们简化前端重复的code，让程序码保持整洁，提高易读性
利用模板(元件)的概念，先把模子写出来，之後有相同的程序码直接复印，同样的五个资料表可能需要好几行的程序码，利用模板可能五行就能解决，此外，资料若有更动也会重新渲染
把想要控制的元素包到id="app"里面，Vue的模板语法是{{ }}，大括号包住要控制的物件，在script内写下以下几段文字，向vue打招呼第一步就完成啦!!
<div id="app">
{{message}}
</div>
<script>
const { createApp, ref } = Vue;
const vm = createApp({
setup() {
const message = ref('Hello Vue 3.0!');
return {
message
}
}
})
vm.mount('#app');
</script>
浏览器在读取画面时依序读取解析内容，如果
<script>写在<head></head>之中，可能会发现有读取不到的问题，因为浏览器先读取了指令却尚未读到要操控的对象，也就是在<body>里面的东西，所以需要加上DOMContentLoaded事件，待浏览器完全读取及解析後再触发事件。
document.addEventListener('DOMContentLoaded', () => {
vm.mount('#app');
})
Vue.js 介绍
https://mybaseball52.medium.com/introduction-to-vuejs-21755105802e
Why Vue.js
https://ithelp.ithome.com.tw/articles/10213438
网页的生命周期
https://ithelp.ithome.com.tw/articles/10197335
DOMContentLoaded
https://developer.mozilla.org/zh-TW/docs/Web/API/Window/DOMContentLoaded_event
Privilege Escalation 攻击者尝试在工控环境内取得更高的权限。 攻击者进入工控环境...
在 Ruby 内有符号(Symbol)这个物件，他跟字串的用法蛮像的，但本质上则不一样。 究竟 Sy...
Day 22：开始来学资料系结：属性系结（一） 今天要来探讨第二种资料系结的方法：属性系结（Prop...
本篇同步发布於个人Blog: [PoEAA] Domain Logic Pattern - Tran...
再写关於我们的页面 接下来我们要写 关於我们 跟 首页， 我们做简单一点就好， 主要是为了做测试而已...