File tree Expand file tree Collapse file tree 1 file changed +30
-30
lines changed Expand file tree Collapse file tree 1 file changed +30
-30
lines changed Original file line number Diff line number Diff line change 7272## 插值
7373``` html
7474<div id =" app" >
75- <!-- 文本 -->
76- <fieldset >
77- <legend >文本</legend >
78- <div >{{message}}</div >
79- </fieldset >
75+ <!-- 文本 -->
76+ <fieldset >
77+ <legend >文本</legend >
78+ <div >{{message}}</div >
79+ </fieldset >
8080
81- <!-- 纯 HTML -->
82- <fieldset >
83- <legend >纯 HTML</legend >
84- <div v-html =" rawHtml" ></div >
85- </fieldset >
81+ <!-- 纯 HTML -->
82+ <fieldset >
83+ <legend >纯 HTML</legend >
84+ <div v-html =" rawHtml" ></div >
85+ </fieldset >
8686
87- <!-- 属性 -->
88- <fieldset >
89- <legend >属性</legend >
90- <img :src =" src" alt =" " />
91- <img v-bind:src =" '../imgs/red.jpg'" alt =" " />
92- </fieldset >
87+ <!-- 属性 -->
88+ <fieldset >
89+ <legend >属性</legend >
90+ <img :src =" src" alt =" " />
91+ <img v-bind:src =" '../imgs/red.jpg'" alt =" " />
92+ </fieldset >
9393
94- <!-- js 表达式 -->
95- <fieldset >
96- <legend >js 表达式</legend >
97- <div >{{1 + 1}}</div >
98- <div >{{status ? 'YES' : 'NO'}}</div >
99- <div >{{message.split('').reverse().join('')}}</div >
100- </fieldset >
94+ <!-- js 表达式 -->
95+ <fieldset >
96+ <legend >js 表达式</legend >
97+ <div >{{1 + 1}}</div >
98+ <div >{{status ? 'YES' : 'NO'}}</div >
99+ <div >{{message.split('').reverse().join('')}}</div >
100+ </fieldset >
101101</div >
102102```
103103
104104``` javascript
105105var vm = new Vue ({
106- el: ' #app' ,
107- data: {
108- message: ' 我是文本' ,
109- rawHtml: ' <h1>我是 h1 标签</h1>' ,
110- src: ' ../imgs/green.jpg' ,
111- status: true ,
112- }
106+ el: ' #app' ,
107+ data: {
108+ message: ' 我是文本' ,
109+ rawHtml: ' <h1>我是 h1 标签</h1>' ,
110+ src: ' ../imgs/green.jpg' ,
111+ status: true ,
112+ }
113113})
114114```
115115[ 插值效果] ( https://dk-lan.github.io/vue-erp/dist/demo/%E6%A8%A1%E7%89%88%E8%AF%AD%E6%B3%95/%E6%8F%92%E5%80%BC-%E6%96%87%E6%9C%AC.html )
You can’t perform that action at this time.
0 commit comments