Vue工作原理

2022-04-10 13:34:56 字數 1847 閱讀 7768

1. 首先vue專案中有乙個index.html  =>單頁面,頁面進入的入口

通過**函式h將根元件html載入過來,返回級render, render交給vue作為虛擬dom渲染到index頁面上。

@代表src的絕對路徑

import store from './store'

new vue("

@click

="btnclick"

>fanny元件

h1>

div>

template

>

<

script

>

export

default

},methods:}}

script

>

<

style

scoped

>

.active

style

>

view code

views.about.vue頁面元件中註冊:

4.頁面元件的建立與使用

如果想要有乙個新的頁面,

1)必須在views中建立頁面元件,  

2)然後的router.js檔案中匯入頁面元件, 在routes中配置好路由與頁面元件對應關係

頁面建立案例myhome頁面

<

template

>

<

div

class

="my-home"

>

<

h1>我的home

h1>

div>

template

>

<

script

>

export

default

script

>

<

style

scoped

>

.my-home

style

>

view code

頁面建立案例user頁面

<

template

>

<

div

class

="user"

>

<

h1>user

h1>

div>

template

>

<

script

>

export

default

script

>

<

style

scoped

>

.user

style

>

view code

頁面標籤路由配置、根元件檔案寫【component不能還s】

import myhome from './views/myhome'

import user from './views/user'

vue.use(router);

export default new router(,

]

view code

home  to完成路由指定路徑跳轉
完成跳轉的元件渲染,該標籤只要寫乙個,相當於是乙個渲染容器,vue會路由中的配置自動找到對應的頁面元件
補充:小組件在頁面元件中註冊、【掛載渲染被vue中的main.js完成了,無需再關注】

vue工作記錄

在選項引數中指定immediate true將立即以表示式的當前值觸發 var unwatch vm.watch value function 混入 mixin 提供了一種非常靈活的方式,來分發 vue 元件中的可復用功能。普通混入 var mixin conflicting function va...

簡述hdfs工作原理 HDFS的工作原理

hdfs 的工作原理 hadoop 分布式檔案系統 hdfs 是一種被設計成適合執行在通用硬體上的分布式檔案系統。hdfs 是乙個高度容錯性的系統,適合部署在廉價的 機器上。它能提供高吞吐量的資料訪問,非常適合大規模資料集上的應用。要理解 hdfs 的內部工作原理,首先要理解什麼是分布式 檔案系統。...

mysql nfs原理 nfs工作原理

nfs其最大功能時可以通過網路讓不同作業系統的計算機可以共享資料,所以也可以將其看作時一台檔案伺服器.nfs有屬於自己的協議與使用的埠號,但是在傳送資料或者其他相關資訊時候,nfs伺服器使用乙個稱i 遠端過程呼叫 rpc 的協議來協助nfs伺服器本身的執行 nfs協議 使用nfs,客戶端可以透明地訪...