本篇文章為大家展示了怎么在vue中通過點(diǎn)擊按鈕實(shí)現(xiàn)動態(tài)掛載子組件,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計、成都網(wǎng)站制作與策劃設(shè)計,蘇州網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:蘇州等地區(qū)。蘇州做網(wǎng)站價格咨詢:13518219792
Vue.extend( options )
參數(shù):
{Object} options
用法:
使用基礎(chǔ) Vue 構(gòu)造器,創(chuàng)建一個“子類”。參數(shù)是一個包含組件選項的對象。
data 選項是特例,需要注意 - 在 Vue.extend() 中它必須是函數(shù)
示例:子組件 byMount.vue
<template> <div> <div>mount content test!!</div> </div> </template> <script > import Vue from 'Vue'; export default { name: 'bycount', data () { return { } }, methods:{ }, } </script>
父組件:
<div class="dync mount">dyncMount root</div> <button @click = "dyncMount">dyncMount</button> ----------------------------------------------------- ..... import byMount from './byMount.vue'; .... export default { name: 'parent', methods:{ dyncMount(){ var Profile = Vue.extend(byMount); // 創(chuàng)建 Profile 實(shí)例,并掛載到一個元素上。 new Profile().$mount('.dync.mount'); } ..... }
Vue具體輕量級框架、簡單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢,Vue中頁面使用的是局部刷新,不用每次跳轉(zhuǎn)頁面都要請求所有數(shù)據(jù)和dom,可以大大提升訪問速度和用戶體驗。
上述內(nèi)容就是怎么在vue中通過點(diǎn)擊按鈕實(shí)現(xiàn)動態(tài)掛載子組件,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章題目:怎么在vue中通過點(diǎn)擊按鈕實(shí)現(xiàn)動態(tài)掛載子組件
網(wǎng)站網(wǎng)址:http://bm7419.com/article10/phoggo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、移動網(wǎng)站建設(shè)、品牌網(wǎng)站制作、虛擬主機(jī)、用戶體驗、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)