天天看點

19.2.26工作總結,openlayers+vue加載地圖知識整理

知識整理

從遠端下載下傳你的代碼: git clone 倉庫位址 

從遠端更新合并你的代碼: git pull origin master   參考 https://www.yiibai.com/git/git_pull.html

從git伺服器下載下傳vue項目後,在下載下傳檔案的根目錄下cmd, 

npm install: 安裝項目的基礎依賴庫

npm run dev: 啟動項目, 具體啟動過程參考: https://blog.csdn.net/six_six_six_666/article/details/82633731

之後就可以在localhost:8080看到自己的項目啦

學習參考 :https://vue.docschina.org/v2/guide/#%E5%A3%B0%E6%98%8E%E5%BC%8F%E6%B8%B2%E6%9F%93

 v-bind:title="message" 将屬性與綁定的vue執行個體message保持關聯更新, v-bind:class 可以動态切換class

 v-if:"seen" 條件渲染, seen為true則渲染,false不渲染

v-for:"todo in todos"  周遊數組中的元素,其中tudos是在vue執行個體裡定義的數組,todo代指内的元素

app2.todos.push({test:"new item"}); 添加新的item事件

v-on:click="reverseMessage" 其中v-on增加事件監聽,click為事件,綁定了reverseMessage方法

components:{

        gisView

    }   gisview為vue檔案,之後就可以使用<gisview>啦

待解決:資料綁不上

padding 5px 10px 15px 20px 設定一個p元素的填充(上,右,下,左)

  • Git
  • npm: NPM是随同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題(淘寶鏡像:cnpm)
  • vue基礎
  • css