vue中的搜尋方法

思路分析：1.v-mode 雙向繫結輸入的內容  @change="search"方法

2.data()}

3.將獲取到的keywords提交到後台呼叫搜尋方法

廢話不多說上截圖

123

class="
main
">45
class="
header
">6'
back
'class="
el-icon-back
">7"
search
" placeholder="
華為nove 5z
"8                        @change="
onsearch
"9                        v-model="
keywords
"10                        >
1112
13class="
shop
">
1415
class="
ziyi
">
16class="
business
">自營
"color:#fff;
">粉絲數量247萬
17class="
follow
">class="
el-icon-star-off
">關注
1819
2021
class="
header_tab
">22"
active
">23"
手機" style="
flex-basis: 12%;
">
2425
class="
price
">
2631
3233
5556
"遊戲機
" style="
flex-basis: 12%;
">
575859"
電腦" style="
flex-basis: 12%;
">
6061
class="
price
">
6267
6869
9091"相機
" style="
flex-basis: 12%;
">內容 492"
辦公用品
" style="
flex-basis: 12%;
">
9394 95
9697
9899
100101184
185

Vue中的set 方法

大家在寫vue前後端互動時不知道有沒有碰到過乙個問題，就是在data裡面定義乙個變數，然後從後台獲取資料後賦值給這個變數，但是對這個變數裡的物件的屬性或者陣列的元素進行修改時，發現資料能修改，但檢視不更新！原因 vue管理的變數必須生成了get和set方法，如data中定義的變數，雖然直接通過賦值的...

Vue中cli的建立方法

vue命令的使用 1.使用cli3建立乙個專案 vue create 專案名稱 2.vue自動配置外掛程式 vue 自動配置外掛程式 3.使用gui進行vue專案的安裝 vue ui 4.使用cli2建立乙個專案 標準版 vue init webpack 專案名稱簡易版 vue init webpa...

Vue中echarts的引入方法

專案使用的是vue cli腳手架搭建 npm install echarts s或者使用國內的 映象 安裝 npm install g cnpm registry 使用 cnpm install echarts smain.js檔案中 引入echarts import echarts from ec...