@@ -209,15 +209,15 @@ mounted: function () {
209
209
210
210
` track-by ` 已经替换为 ` key ` ,它的工作方式与其他属性一样,没有 ` v-bind ` 或者 ` : ` 前缀,它会被作为一个字符串处理。多数情况下,你需要使用具有完整表达式的动态绑定 (dynamic binding) 来替换静态的 key。例如,替换:
211
211
212
- ``` html
212
+ {% codeblock lang : html %}
213
213
<div v-for =" item in items " track-by =" id " >
214
- ```
214
+ {% endcodeblock %}
215
215
216
216
你现在应该写为:
217
217
218
- ``` html
218
+ {% codeblock lang : html %}
219
219
<div v-for =" item in items " v-bind:key =" item.id " >
220
- ```
220
+ {% endcodeblock %}
221
221
222
222
{% raw %}
223
223
<div class =" upgrade-path " >
@@ -399,9 +399,9 @@ methods: {
399
399
400
400
现在在组件上使用 ` v-on ` 只会监听自定义事件 (组件用 ` $emit ` 触发的事件)。如果要监听根元素的原生事件,可以使用 ` .native ` 修饰符,比如:
401
401
402
- ``` html
402
+ {% codeblock lang : html %}
403
403
<my-component v-on:click.native =" doSomething " ></my-component >
404
- ```
404
+ {% endcodeblock %}
405
405
406
406
{% raw %}
407
407
<div class =" upgrade-path " >
@@ -600,9 +600,9 @@ strings.map(function (str) {
600
600
601
601
替代方案是,你可以使用对象数组,这样` v-model ` 就可以同步更新对象里面的字段了,例如:
602
602
603
- ``` html
603
+ {% codeblock lang : html %}
604
604
<input v-for =" obj in objects " v-model =" obj.str " >
605
- ```
605
+ {% endcodeblock %}
606
606
607
607
{% raw %}
608
608
<div class =" upgrade-path " >
@@ -706,7 +706,7 @@ strings.map(function (str) {
706
706
707
707
示例,如下更改:
708
708
709
- ``` js
709
+ ``` html
710
710
<p v-my-directive.literal =" foo bar baz" ></p >
711
711
```
712
712
@@ -989,9 +989,9 @@ computed: {
989
989
990
990
甚至可以字段排序:
991
991
992
- ``` js
992
+ {% codeblock lang : js %}
993
993
_ .orderBy(this.users, [ 'name', 'last_login'] , [ 'asc', 'desc'] )
994
- ```
994
+ {% endcodeblock %}
995
995
996
996
{% raw %}
997
997
<div class =" upgrade-path " >
@@ -1069,9 +1069,9 @@ function pluralizeKnife (count) {
1069
1069
1070
1070
对于简单的问题,可以这样做:
1071
1071
1072
- ``` js
1072
+ {% codeblock lang : js %}
1073
1073
'$' + price.toFixed(2)
1074
- ```
1074
+ {% endcodeblock %}
1075
1075
1076
1076
大多数情况下,仍然会有奇怪的现象 (比如 ` 0.035.toFixed(2) ` 向上取舍得到 ` 0.04 ` ,但是 ` 0.045 ` 向下取舍却也得到 ` 0.04 ` )。解决这些问题可以使用 [ ` accounting ` ] ( https://openexchangerates.github.io/accounting.js/ ) 库来实现更多可靠的货币格式化。
1077
1077
@@ -1364,9 +1364,9 @@ methods: {
1364
1364
1365
1365
使用 DOM 原生方法:
1366
1366
1367
- ``` js
1367
+ {% codeblock lang : js %}
1368
1368
myElement.appendChild(vm.$el)
1369
- ```
1369
+ {% endcodeblock %}
1370
1370
1371
1371
{% raw %}
1372
1372
<div class =" upgrade-path " >
@@ -1379,9 +1379,9 @@ myElement.appendChild(vm.$el)
1379
1379
1380
1380
使用 DOM 原生方法:
1381
1381
1382
- ``` js
1382
+ {% codeblock lang : js %}
1383
1383
myElement.parentNode.insertBefore(vm.$el, myElement)
1384
- ```
1384
+ {% endcodeblock %}
1385
1385
1386
1386
{% raw %}
1387
1387
<div class =" upgrade-path " >
@@ -1394,15 +1394,15 @@ myElement.parentNode.insertBefore(vm.$el, myElement)
1394
1394
1395
1395
使用 DOM 原生方法:
1396
1396
1397
- ``` js
1397
+ {% codeblock lang : js %}
1398
1398
myElement.parentNode.insertBefore(vm.$el, myElement.nextSibling)
1399
- ```
1399
+ {% endcodeblock %}
1400
1400
1401
1401
如果 ` myElement ` 是最后一个节点也可以这样写:
1402
1402
1403
- ``` js
1403
+ {% codeblock lang : js %}
1404
1404
myElement.parentNode.appendChild(vm.$el)
1405
- ```
1405
+ {% endcodeblock %}
1406
1406
1407
1407
{% raw %}
1408
1408
<div class =" upgrade-path " >
@@ -1415,9 +1415,9 @@ myElement.parentNode.appendChild(vm.$el)
1415
1415
1416
1416
使用 DOM 原生方法:
1417
1417
1418
- ``` js
1418
+ {% codeblock lang : js %}
1419
1419
vm.$el.remove()
1420
- ```
1420
+ {% endcodeblock %}
1421
1421
1422
1422
{% raw %}
1423
1423
<div class =" upgrade-path " >
0 commit comments