巴奈 流浪記

巴奈一直是我最喜歡的台灣女歌手
10幾年前
一個人在辦公室加班的下午
戴著耳機 用著還是播放CD的隨身聽
一遍一遍的聽著巴奈流浪記
在女巫店 在河岸
一場一場的聽著巴奈的現場

到後來 看到他的新聞
都是在抗爭的現場
再聽到這個最新版本的流浪記
吉他變重了 節奏更強了
卻也讓人感到更加難過

element-theme 使用

1.cli安裝
  建議安裝在global 下
  npm install element-theme -g
2.專案內安裝
  1.在專案內先安裝預設的chalk theme
    npm install element-theme-chalk -D
  2.專案下執行
    et init
    產生 element-varable.scss設定檔案
  3.產生theme目錄
    專案目錄下 執行 et
    會依照設定檔產生theme目錄
3.專案內使用
  1.在project 進入點 entry.js加入
    import '../theme/index.css'
    如果原有已經有import theme-chalk則disable掉
  2.可以在專案下執行
    et --watch 監看element-varable.scss的變化自動更新產生theme目錄

ansible-galaxy使用

透過ansible-galaxy 可以找到許多已經寫好的role直接使用
不需要在自己寫,找可以用的role 需要確認要使用的os版本
對應上 比較不會有問題
以下是基本使用上的注意要點
一.安裝roles
1.安裝在global
  ansible-galaxy install xxxx.xxx(由網站找到)
  取得的roles會存在 ~/.ansible/roles/下
  所有的專案都可以吃的到global安裝的role
  但如果有需要因不同專案有不同設定的部分
  建議不要用這樣安裝在global 因為會所有的都吃到同樣設定
2.安裝在指定目錄下
  ansible-galaxy install --roles-path . xxx
  透過--roles-path 指定安裝的目錄
  .則裝在目前所在的目錄下
3.透過設定檔案一次安裝多個role
  ansible-galaxy install --role-path ./roles -r install_roles.yml
  將要安裝的role列表寫在 指定的yml檔案下
  檔案的設定可參考
  https://galaxy.ansible.com/intro
4.設定執行環境
  在playbook下執行role 系統會在幾個預設的位置
  找安裝的role 預設值為
  ~/.ansible/roles:/usr/share/ansible/roles:/etc/ansible/roles
  若在專案內要自訂尋找role安裝的的路徑
  可以在專案的ansible.cfg內設定
  roles_path = ./roles 指定要找roles的位置
5.使用role
  在playbook內使用
  roles:
  - { role: xxxx.xxx }
  執行

跟妹妹的小旅行-台南

走在台南的街道上
這個連假 租車店的摩托車 一台都沒有
跟妹妹說好 我們就徒步旅行
租車的錢 是我們可以拿來吃吃喝喝買禮物的費用

看著手機上的地圖
看著沿路走過的店家
路旁的小巷弄 就像是鹿港的街道一樣
那些老建築 像是停留在好久好久以前的時光

成大附近的店家很多
妹妹 還是想吃茶葉蛋
在育樂街坐下來吃點東西
邊走 邊跳著
走到圓環旁 台灣文學館 等一下我們一定要進去
再順著路走 林百貨 就在前面
妹妹很開心的去找他的禮物

老式建築裡 地板門窗 到處都是好熟悉
小時候老家曾經有過的一切
一直走上頂樓 還好妹妹沒放棄
這裡有豆花 可以吃

看看時間差不多了
走到馬路上 妹妹就腳酸了
我們還是要繼續走
又走到圓環邊
妹 餓了 路邊買了餡餅
妹大口咬下 噴出來的湯汁 讓他一路笑個不停
走到遠東百貨旁
妹 腳酸了
我們坐在路邊聊天 說話
其實火車站很近了

車站人很多 還好上車 有坐到位子
張三的歌裡寫著
"我要帶你到處去飛翔 走遍世界各地去觀賞"
爸爸現在就是這樣的心情

有一天 你長大了 希望你還記得這一天
我們一起在台南的街道上
像一場未知的冒險

讓object data 下的屬性異動可以觸發 watch

data內設定了obj物件
obj下的屬性如果異動
設定在data下的各個屬性,如果發生異動 應該就會觸發watch
但若屬性為object,而object下的prop被異動要能夠觸發watch
有兩種處理方式
1.宣告data時同時把下層的屬性都宣告
例

data(){
  return {
    obj:{x:1,y:1}
  }
}
methods:{
  update(){
    this.obj.x = 2
  }
}

2.宣告data時不宣告下層
改變下層屬性 透過$set執行
例

data(){
  return {
    obj:{}
  }
}
methods:{
  update(){
    this.$set(this.obj,x,2)
  }
}

3.若要改變的屬性是 array
即使是改變arry下一個物件的一個屬性,也是要把整個物件換掉

data(){
  return{
    arr:[
      {x:1,y:2},
      {x:100,y:23}
      ]
  }
},
methods:{
  update(){
    let newObj = {x:1,y5}
    this.$set(this.arr,0,newObj)
  }
}