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

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

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

template的使用

template中只能有一個(gè)根元素；
錯(cuò)誤使用：

template都是用于組件中。

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

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

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

好處：自己維護(hù)自己的，以免一個(gè)改動(dòng)導(dǎo)致其他組件變動(dòng)?；ゲ挥绊?。

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

data和props

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

（props）:（父向子傳值）



注意：props中的屬性要有單引號(hào)。
使用方法：

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

cgh1999520 2019-08-21 11:25 評(píng)論0 收藏0