使用VUE的準備工作，以及顯示文字

2022-03-31 15:08:28 字數 1532 閱讀 5085

需應用乙個檔案

vue的js必要檔案

vue在js中的**展示，以及js**的講解

var vm=newvue(}對應的資料


data: 


})
vue顯示的幾種方式

@*v-text無閃動問題  推薦使用v-text給使用者更好的體驗*@


<


div 


id="text"


>


@*插入文字，比較方便快捷*@


<


div 


v-text


="msg"


>


div>


@*插入html片段，比較危險，容易導致xss攻擊*@


<


div 


v-html


="msg1"


>


div>


@* v-pre 顯示原始資料，跳過編譯命令*@


<


div 


v-pre


>}


div>


@*v-once 顯示的內容只顯示一次，過後就不具有響應式的效果


應用場景：顯示的資訊後序不需要再修改，就可以使用v-once


好處是，提高效能，不需要監聽屬性*@


<


div 


v-once


>}


div>


div>

這裡對應上面html**顯示出的效果

vue解決閃動問題



@*對應上面的樣式style 進行資料繫結無顯示原始碼*@


@*v-cloak解決閃動問題*@


<


div 


v-cloak id


>


<


button 


v-on:click


="getapidata"


>點選得到資料


button


>


<


table 


class


="table table-bordered"


>


<


tr>


<


td>姓名


td>


<


td>手機號


td>


<


td>詳細位址


td>


<


td>省份


td>


<


td>市區


td>


tr>


<


tr v-for


="item in name"


>


<


td>}


td>


<


td>}


td>


<


td>}


td>


<


td>}


td>


<


td>}


td>


tr>


table


>


div>


				
學習Vue 的準備工作
環境準備 1 首先從官網node v，如果出現對應版本號，則表示安裝成功。2 npm是隨同node.js一起安裝的包管理工具,直接在命令列敲出npm v就可以檢視是否安裝成功。在命令列敲出npm install g cnpm registry 安裝就可以了 4 安裝webpack npm insta...

				
Xorm的框架使用 準備工作
1 正確配置完go的編譯環境 2 命令列執行 以下命令，將引擎庫同步下來 go get github.com go xorm xorm3 後面使用sqlite3 作為測試 資料庫，因此還需要安裝sqlite3的引擎 通過檢視官網說明 go get github.com mattn go sqlite...

				
Charles的使用  前期準備工作
charles其實是一款 伺服器，通過將自己設定成系統 電腦或者瀏覽器 的網路訪問 伺服器，然後擷取請求和請求結果達到分析抓包的目的。手機端抓包準備 ps 確保手機和電腦在同乙個區域網 1 開啟charles help local ip address 2 利用cmd config命令 1.2 手機...