中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁 > news >正文

泰國浪琴手表網(wǎng)站新人學(xué)會seo

泰國浪琴手表網(wǎng)站,新人學(xué)會seo,wordpress加入游戲,響應(yīng)式網(wǎng)站適合用什么框架做前言 持續(xù)學(xué)習(xí)總結(jié)輸出中,今天分享的是插值表達(dá)式 {{}} Vue插值表達(dá)式是一種Vue的模板語法,我們可以在模板中動態(tài)地用插值表達(dá)式渲染出Vue提供的數(shù)據(jù)綁定到視圖中。插值表達(dá)式使用雙大括號{{ }}將表達(dá)式包裹起來。 1.作用: 利用表達(dá)式進(jìn)行…

前言

持續(xù)學(xué)習(xí)總結(jié)輸出中,今天分享的是插值表達(dá)式 {{}}

Vue插值表達(dá)式是一種Vue的模板語法,我們可以在模板中動態(tài)地用插值表達(dá)式渲染出Vue提供的數(shù)據(jù)綁定到視圖中。插值表達(dá)式使用雙大括號{{ }}將表達(dá)式包裹起來。

1.作用:

利用表達(dá)式進(jìn)行插值,渲染到頁面中

表達(dá)式:是可以被求值的代碼,JS引擎會講其計算出一個結(jié)果

如:以下的情況都是表達(dá)式

money + 100
money - 100
money * 10
money / 10 
price >= 100 ? '真貴':'還行'
obj.name
arr[0]
fn()
obj.fn()

2.語法

插值表達(dá)式語法:{{ 表達(dá)式 }}

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>插值表達(dá)式</title>
</head>
<body>
<div id="app"><p>{{ nickname }}</p><p>{{ nickname.toUpperCase() }}</p><p>{{ nickname + '你好' }}</p><p>{{ age >= 18 ? '成年' : '未成年' }}</p><p>{{ friend.name }}</p><p>{{ friend.desc }}</p>
</div><script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
<script>const app = new Vue({el: '#app',data: {nickname: 'tony',age: 18,friend: {name: 'jepson',desc: '熱愛學(xué)習(xí) Vue'}}})
</script>
</body>
</html>

運(yùn)行結(jié)果:
請?zhí)砑訄D片描述

3.錯誤用法

1.在插值表達(dá)式中使用的數(shù)據(jù) 必須在data中進(jìn)行了提供
<p>{{hobby}}</p>  //如果在data中不存在 則會報錯2.支持的是表達(dá)式,而非語句,比如:if   for ...
<p>{{if}}</p>3.不能在標(biāo)簽屬性中使用 {{  }} 插值 (插值表達(dá)式只能標(biāo)簽中間使用)
<p title="{{username}}">我是P標(biāo)簽</p>

4.總結(jié)

  1. 插值表達(dá)式的作用是什么?
    利用表達(dá)式進(jìn)行插值,將數(shù)據(jù)渲染頁面中
  2. 語法格式?
    {{ 表達(dá)式 }}
  3. 插值表達(dá)式的注意點(diǎn):
    1、使用的數(shù)據(jù)要存在 (data)
    2、支持的是表達(dá)式,而非語句 if … for
    3、不能在標(biāo)簽屬性里面使用

最后分享一句話:

生活的最好狀態(tài)是冷冷清清的風(fēng)風(fēng)火火。
——木心

本次的分享就到這里了!!!

http://www.risenshineclean.com/news/51058.html

相關(guān)文章:

  • 網(wǎng)站移動端做pc端的301跳轉(zhuǎn)windows優(yōu)化大師有哪些功能
  • java動態(tài)web網(wǎng)站開發(fā)軟文營銷案例分析
  • 杭州做網(wǎng)站制作手機(jī)怎么搭建屬于自己的網(wǎng)站
  • 天津營銷型網(wǎng)站建設(shè)費(fèi)用友情鏈接的英文
  • 江門網(wǎng)站建設(shè)報價百度推廣熱線電話
  • 網(wǎng)站建設(shè)如何制作教程北京網(wǎng)站制作公司
  • 專業(yè)網(wǎng)站制作團(tuán)隊電銷名單渠道在哪里找
  • 江蘇省城鄉(xiāng)建設(shè)局網(wǎng)站首頁seo網(wǎng)站查詢
  • 網(wǎng)站建設(shè)服務(wù)項目表格百度首頁推廣廣告怎么做
  • 百家號和網(wǎng)站同步做職業(yè)培訓(xùn)網(wǎng)絡(luò)平臺
  • 網(wǎng)站銷售都怎么做的百度收錄是什么意思
  • 企業(yè)網(wǎng)站 合同谷歌瀏覽器官網(wǎng)
  • 云南做網(wǎng)站泰安網(wǎng)站建設(shè)優(yōu)化
  • 網(wǎng)易云播放器做網(wǎng)站播放編程培訓(xùn)班學(xué)費(fèi)一般多少錢
  • 網(wǎng)站做3年3年包括什么b站2023年免費(fèi)入口
  • 專業(yè)做網(wǎng)站優(yōu)化排名怎么推廣軟件
  • 電影里的做視頻在線觀看網(wǎng)站無貨源網(wǎng)店怎么開
  • 展覽展示搭建設(shè)計化工seo顧問
  • 設(shè)計必備網(wǎng)站網(wǎng)絡(luò)推廣營銷方案免費(fèi)
  • 東莞做網(wǎng)站哪家最好網(wǎng)站模板建站公司
  • 谷歌網(wǎng)站統(tǒng)計壹起航網(wǎng)絡(luò)推廣的目標(biāo)
  • 公司網(wǎng)站建設(shè)合同書網(wǎng)絡(luò)推廣網(wǎng)站公司
  • 國家高新技術(shù)企業(yè)公示名單成都seo網(wǎng)站qq
  • 合肥 網(wǎng)站建設(shè)自媒體培訓(xùn)
  • 全市政府網(wǎng)站建設(shè)管理的講話seo推廣效果怎么樣
  • 做業(yè)務(wù)員找數(shù)據(jù)的網(wǎng)站網(wǎng)絡(luò)推廣app是違法的嗎
  • 建設(shè)企業(yè)官方網(wǎng)站的流程泉州搜索推廣
  • 吉首做網(wǎng)站中小企業(yè)網(wǎng)絡(luò)推廣
  • 做網(wǎng)站可以賺錢嗎知乎百度推廣電話客服
  • 深圳外貿(mào)建設(shè)網(wǎng)站網(wǎng)站建設(shè)步驟