vue(二)事件說明

2022-07-11 04:45:12 字數 825 閱讀 8659

(1)route、routes、router區別

//route

單條路由,區域性物件

//routes

擁有多條跳轉路由/路由陣列的集合,多個區域性的物件

//router

路由管理,當專案需要查詢某個特定的路由時,router負責到路由器的集合中找到對應的路由,全域性的物件

(2)mvvm(通過vue關聯檢視和模型)

mvc(設計模式)

//model

模型:用一些物件表示資料(變數)

//view

檢視:使用者看到的介面(html,css)

//controll

控制器:相關的事件互動,業務處理;如何根據檢視與使用者互動後改變資料(對dom物件的更改,m、v的關聯)

(3)生命週期(8個)

1."el"是否存在?

//created 建立

//mounted 渲染

2.渲染模板

3.修改資料、更新資料

4.銷毀(通常在元件中使用)

(4)元件

//構建元件

let demo_component = vue.component("demo_component",}',

data()

},})//父元件傳值

//註冊:在全域性vm內註冊

components:

Vue事件機制

眾所周知,vue.js為我們提供了四個事件api,分別是 on,once,off,emit。初始化事件 初始化事件在vm上建立乙個 events物件,用來存放事件。events的內容如下 存放事件名以及對應執行方法。初始化事件 export function initevents vm compon...

Vue事件機制

眾所周知,vue.js為我們提供了四個事件api,分別是 on,once,off,emit。初始化事件在vm上建立乙個 events物件,用來存放事件。events的內容如下 存放事件名以及對應執行方法。初始化事件 export function initevents vm component on...

vue 拖拽事件

darg.vue position relative 定位 top 10px left 10px width 200px height 200px background 666 設定一下背景 data methods document.onmouseup e computed 當然,我們可以將它繫結...