item ---- key] 2. Stilbindung, der Code ist [
item ---- key] 2. Stilbindung, der Code ist [

Heim  >  Artikel  >  Web-Frontend  >  vue.So binden Sie Eigenschaften

vue.So binden Sie Eigenschaften

coldplay.xixi
coldplay.xixiOriginal
2020-11-11 10:23:515126Durchsuche

Vue-Bindungsattributmethode: 1. Klassenbindung, der Code ist [6d2cade3083dc4800fc39e76f2ad81e5item ---- key] 2. Stilbindung, der Code ist [< ;div class="box" v-bind:style="{heig...].

vue.So binden Sie Eigenschaften

Die Betriebsumgebung dieses Tutorials: Windows10-System, vue2.9, dieser Artikel gilt für alle Computermarken .

【Empfohlene verwandte Artikel: vue.js
Vue-Methode zum Binden von Attributen:

1. Attributbindung (2 Möglichkeiten)rrree

3. Klassenbindung

<!-- 绑定属性 -->
<div v-bind:title="title">鼠标hover</div>
<div :title="title">鼠标悬浮</div>
<!-- 绑定地址 -->
<img v-bind:src="url" height="400" width="600"/>
<!-- html页面渲染 -->
<!-- 直接数据绑定 -->
<div>{{html}}</div>
<!-- 绑定html属性解析 -->
<div v-html="html"></div>
#js代码
<script>
    export default {
        name: &#39;app&#39;,
        data() {
            return {
                msg: &#39;vue demo&#39;,
                title: &#39;这里是一个title&#39;,
                url: &#39;https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561705454&di=33c13bd9a15f514bae71aaf8250ff305&imgtype=jpg&er=1&src=http%3A%2F%2Fp3.ssl.qhimg.com%2Ft017c9d8f1ba39d313f.jpg&#39;,
                html:&#39;<h3>我是HTML文本</h3>&#39;
            }
        }
    }
</script>

4. Stilbindung

<!-- text数据绑定 -->
<div v-text="msg"></div>

Verwandte kostenlose Lernempfehlungen:

JavaScript

(Video)

Das obige ist der detaillierte Inhalt vonvue.So binden Sie Eigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen