vue美團電影模擬實現

2021-10-02 16:07:20 字數 2212 閱讀 4710

由於沒有介面,只能算個半成品。但是我認為需要的請求引數都有獲取,一旦有介面可以輕鬆請求資料。

請求引數**中有注釋。

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

"x-ua-compatible" content=

"ie=edge"

>

電影票<

/title>

"">

<

/script>

"less"

>

* ul li

li.head

.head ul li

.active

.listbox

.listbox>div

dtdd

.l_active

main

.choose_box

input[type=radio]

label

.z_title

.pingfen

.item_li

.item_box

<

/style>

<

/head>

>

<

!-- 頭部 --

>

="head"

>

for=

"n in hlist"

:key=

"n.id"

:class

="" @click=

"handlechange(n.id)"

>

}<

/li>

<

/ul>

<

/div>

<

!-- 中間內容 --

>

<

!-- 類別元件 --

>

<

/list>

<

!-- 排序元件 --

>

<

/choose>

<

!-- 電影列表元件 --

>

<

/myitem>

<

/main>

<

/div>

var myitem =]}

},template:

`

`, methods:,}

var choose=},

template:

` 按熱門排序

按時間排序

按評價排序

`, methods:,}

var list =,,

,,,,

,,,,

,,,,

,,,]

, cityarr:[,

,,,,

,,,,

,,,,

],timearr:[,

,,,,

,,,,

,,],

type_active:

"001"

, city_active:

"001"

, time_active:

"001"

, textarr:

//通過這個陣列 傳送請求}}

, methods:

,handlecity

(id,name)

,handletime

(id,name)},

template:

` 型別:

}

區域:}

年代:}`}

newvue(,

,], current:

"zhengzai",}

, methods:},

components:})

<

/script>

<

/body>

<

/html>

Vue資料驅動模擬實現2

一 前言 在隨筆 模擬vue之資料驅動1 結尾處,我們說到如果監聽的屬性是個物件呢?那麼這個物件中的其他屬性豈不就是監聽不了了嗎?如下 倘若user中的name age屬性變化,如何知道它們變化了呢?今兒,就來解決這一問題。通過走讀vue原始碼,發現他是利用observer建構函式為每個物件建立乙個...

模擬實現Vue的資料雙向繫結

在使用vue開發時,對於元素,通過指令v model就可以達到乙個資料雙向繫結的效果,在這兒,我們不討論v model的實現原理,就只簡單討論並模擬實現乙個資料雙向繫結。資料雙向繫結的特點是雙向 當我們在頁面中的操作影響資料時,會直接改變資料 頁面 資料 當我們在 中改變資料時,對應的變化會體現在頁...

模擬實現Spring IOC

通過在類上標註 registration 註冊進容器,injection從容器注入物件 容器類 public class springcontainer else bean.setbeanclass c mappropsmap new hashmap 處理注入屬性 field props c.get...