1. 首先vue專案中有乙個index.html =>單頁面,頁面進入的入口
通過**函式h將根元件html載入過來,返回級render, render交給vue作為虛擬dom渲染到index頁面上。
@代表src的絕對路徑
import store from './store'
new vue("view code@click
="btnclick"
>fanny元件
h1>
div>
template
>
<
script
>
export
default
},methods:}}
script
>
<
style
scoped
>
.active
style
>
views.about.vue頁面元件中註冊:
4.頁面元件的建立與使用
如果想要有乙個新的頁面,
1)必須在views中建立頁面元件,
2)然後的router.js檔案中匯入頁面元件, 在routes中配置好路由與頁面元件對應關係
頁面建立案例myhome頁面
<view codetemplate
>
<
div
class
="my-home"
>
<
h1>我的home
h1>
div>
template
>
<
script
>
export
default
script
>
<
style
scoped
>
.my-home
style
>
頁面建立案例user頁面
<view codetemplate
>
<
div
class
="user"
>
<
h1>user
h1>
div>
template
>
<
script
>
export
default
script
>
<
style
scoped
>
.user
style
>
頁面標籤路由配置、根元件檔案寫【component不能還s】
import myhome from './views/myhome'view codeimport user from './views/user'
vue.use(router);
export default new router(,
]
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,客戶端可以透明地訪...