## 建立元件的3種方法
# 第一種:
+ vue.extend()函式返回乙個元件的構造器,裡面包含乙個引數,引數是物件,物件裡面是一些配置項
+ vue.component()函式利用vue.extend()返回的構造器建立乙個元件的例項,有兩個引數.;
引數1:元件名字,引數2:元件構造器
注意:
模板template中只能有乙個根節點
組建的名字採用駝峰命名的話,使用時,就要加上"-"; 例如:元件名字indexa-->index-a;
## 第二種:
+ vue.component('indexb',)
## 第三種:
+ 通過制定模板建立,在vue管轄範圍之外定義模板
## 總結:
+ 先製造乙個模板,在建立元件
## 元件中使用指令:
+ 在vue.component()裡邊,有template模板,有data()函式,有methods()方法
+注意:data()必須是乙個個函式.不能使用屬性定義;函式裡邊return出去乙個物件
vue.component('father',
},//子元件
components:}'}}
})
* 這個方法有兩個引數;引數1:需要與父元件交換事件名稱,引數2:要傳遞的資料;
* 在父元件模板的son標籤中使用方法名的傳遞:
即,@tellfathermyname = "getmysonname";
* 在父元件的methods方法中傳入data引數,這個data=子元件傳遞過來的資料,然後讓mysonname = data;*
**如下:
* 在dau中 先通過事件匯流排發射乙個事件名稱和要傳遞的資料;即eventbus.$emit('事件名稱','資料')
* 事件匯流排:
var eventbus = new vue();
* 在 son 中先寫乙個鉤子函式,再通過eventbus.$on('事件名稱',data=>{})方法去監聽,接收兄弟節點發射過來的事件
* $on()有兩個引數,引數1:事件名稱;引數2:函式,函式的預設值是傳遞過來的資料* **如下:
*
vue 元件的建立與傳值
一 元件的建立 區域性元件 1.建立乙個檔案，建立子元件 2.在主元件script標籤內直接引入 import 自定義元件名 from 子元件路徑 import toptitle from component systemtoptitle 3.註冊元件 將子元件掛載在主元件上 在export def...
vue 建立元件 模板 動態元件 傳值
lesson10 1.demo vue樣本 3.模板 template 1 template 有且只能有乙個根元素。2 將你要掛載的元素進行替換操作。3 模板當中可以使用指令，data,methods等等都可以使用 注意 當你實現化vue例項時，他會看是否有模板，如果有會將你掛載的元素替換。如果沒有...
Vue元件傳值 父子元件傳值
父元件可以引入 使用子元件，從業務上看，該父元件有可能對子元件有個性化需求，為了體現元件的靈活多變，可以通過傳值實現。應用情景 語法 父元件要在子元件標籤上通過屬性值方式傳值 子元件標籤 name value name value name value 子元件標籤 子元件接收並應用值，具體通過pro...