vue學(xué)習(xí)（1）---template

wqj97 發(fā)布于2019-08-23 16:27 / 3069人閱讀

摘要：的使用中只能有一個根元素錯誤使用都是用于組件中。其他寫法如果將用替換，發(fā)現(xiàn)是可以用的。組件的必須是函數(shù)好處自己維護(hù)自己的，以免一個改動導(dǎo)致其他組件變動。和就是固定的值，可以在組件中進(jìn)行變動。父向子傳值注意中的屬性要有單引號。

template的使用

template中只能有一個根元素；
錯誤使用：

template都是用于組件中。

其他寫法：
如果將template用div替換，發(fā)現(xiàn)是可以用的。

注意：組件必須有且僅有一個根元素。

組件的data必須是函數(shù)

好處：自己維護(hù)自己的，以免一個改動導(dǎo)致其他組件變動。互不影響。

data: function () {
  return {
    count: 0
  }
}

data和props

1、data就是固定的值，可以在組件中進(jìn)行變動。
2、props可以給子組件傳遞數(shù)據(jù)。
（data）:點擊的時候改變了title值，但是不可以在引用組件的時候，給title賦值。

（props）:（父向子傳值）



注意：props中的屬性要有單引號。
使用方法：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/103035.html

相關(guān)文章

Vue 2.0源碼學(xué)習(xí)

摘要：今年的月日，的版本正式發(fā)布了，其中核心代碼都進(jìn)行了重寫，于是就專門花時間，對的源碼進(jìn)行了學(xué)習(xí)。本篇文章就是源碼學(xué)習(xí)的總結(jié)。實現(xiàn)了并且將靜態(tài)子樹進(jìn)行了提取，減少界面重繪時的對比。的最新源碼可以去獲得。 Vue2.0介紹從去年9月份了解到Vue后，就被他簡潔的API所吸引。1.0版本正式發(fā)布后，就在業(yè)務(wù)中開始使用，將原先jQuery的功能逐步的進(jìn)行遷移。今年的10月1日，Vue的2...

Joyven 2019-08-20 12:18 評論0 收藏0
一步步從零開始學(xué)習(xí)vue-router

摘要：前言一個包含的簡單，從第一個開始，依次深入學(xué)習(xí)，即可快速上手強(qiáng)大的。前言一個包含 vue-router的簡單demos，從第一個demo開始，依次深入學(xué)習(xí)，即可快速上手強(qiáng)大的vue-router。如何使用安裝模塊pure 或 http-server來啟動服務(wù)器npm install -g puer or npm install -g http-server 克隆倉庫啟動服...

Cobub 2019-08-22 17:34 評論0 收藏0
vue 學(xué)習(xí)筆記

1.vue的開始 var vm = new Vue({ el: #app, // el: 用來掛載 Vue 實例的元素 data: {}, // data: 要綁定的資料 props: {}, // props: 用來接收外部資料的屬性 methods: {}, ...

yhaolpz 2019-08-23 12:19 評論0 收藏0
vue學(xué)習(xí)筆記（三）

摘要：直接創(chuàng)建組件使用標(biāo)簽名組件模板，根據(jù)組件構(gòu)造器來創(chuàng)建組件。相應(yīng)的，實例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù)，強(qiáng)制修改會報錯。一、組件（一）什么是組件組件（Component）是 Vue.js最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML元素，封裝可重用的代碼組件是自定義元素（對象）。（二）創(chuàng)建組件的兩種方式官方推薦組件標(biāo)簽名是使用-連接的組合詞，例如：。 1、使用...

fsmStudy 2019-08-21 17:14 評論0 收藏0
vue學(xué)習(xí)筆記（三）

摘要：直接創(chuàng)建組件使用標(biāo)簽名組件模板，根據(jù)組件構(gòu)造器來創(chuàng)建組件。相應(yīng)的，實例也被稱為父組件。而且不允許子組件直接修改父組件中的數(shù)據(jù)，強(qiáng)制修改會報錯。一、組件（一）什么是組件組件（Component）是 Vue.js最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML元素，封裝可重用的代碼組件是自定義元素（對象）。（二）創(chuàng)建組件的兩種方式官方推薦組件標(biāo)簽名是使用-連接的組合詞，例如：。 1、使用...

zsirfs 2019-08-01 17:51 評論0 收藏0
Vue2.0 學(xué)習(xí)筆記

摘要：父子組件通信父組件通過向下傳遞數(shù)據(jù)給子組件，子組件通過給父組件發(fā)送消息。是一個對象而不是字符串?dāng)?shù)組時，它包含驗證要求。狀態(tài)管理由于多個狀態(tài)分散的跨越在許多組件和交互間，大型應(yīng)用的復(fù)雜度也隨之增長。提供了，可以通過文檔學(xué)習(xí)。什么是vue vue是一個前端框架，主要兩個特點：數(shù)據(jù)綁定、組件化。安裝環(huán)境根據(jù)教程安裝環(huán)境：node.js、npm、webpack、vue-cli主要的命...

cgh1999520 2019-08-21 11:25 評論0 收藏0