首页 发现 帮助
注册 登录
vuejs
/
vue
镜像自地址 https://github.com/vuejs/vue.git
2
0
派生 0
文件 工单管理 0 Wiki
浏览代码

use v-for in e2e tests

Evan You 10 年之前
父节点
671a329db4
当前提交
c4ff1a86ef
共有 8 个文件被更改，包括 49 次插入 和 39 次删除
分列视图 显示文件统计
  1. 2 1
      examples/commits/app.js
  2. 10 10
      examples/commits/index.html
  3. 3 3
      examples/firebase/index.html
  4. 5 5
      examples/grid/index.html
  5. 13 8
      examples/svg/index.html
  6. 10 5
      examples/svg/svg.js
  7. 2 3
      examples/tree/index.html
  8. 4 4
      src/compiler/compile.js

+ 2 - 1
examples/commits/app.js
查看文件 

@@ -58,8 +58,9 @@ var demo = new Vue({
 
       xhr.open('GET', apiURL + self.currentBranch)
 
       xhr.onload = function () {
 
         self.commits = JSON.parse(xhr.responseText)
 
+        console.log(self.commits[0].html_url)
 
       }
 
       xhr.send()
 
     }
 
   }
 
-})
 
+})

+ 10 - 10
examples/commits/index.html
查看文件 

@@ -23,24 +23,24 @@
 
   <body>
 
     <div id="demo">
 
       <h1>Latest Vue.js Commits</h1>
 
-      <template v-repeat="b:branches">
 
+      <template v-for="branch in branches">
 
         <input type="radio"
 
           name="branch"
 
-          id="{{*b}}"
 
-          value="{{*b}}"
 
+          id="{{branch}}"
 
+          value="{{branch}}"
 
           v-model="currentBranch">
 
-        <label for="{{*b}}">{{*b}}</label>
 
+        <label for="{{branch}}">{{branch}}</label>
 
       </template>
 
       <p>yyx990803/vue@{{currentBranch}}</p>
 
       <ul>
 
-        <li v-repeat="commits">
 
-          <a href="{{html_url}}" target="_blank" class="commit">{{sha.slice(0, 7)}}</a>
 
-          - <span class="message">{{commit.message | truncate}}</span><br>
 
-          by <span class="author">{{commit.author.name}}</span>
 
-          at <span class="date">{{commit.author.date | formatDate}}</span>
 
+        <li v-for="record in commits">
 
+          <a href="{{record.html_url}}" target="_blank" class="commit">{{record.sha.slice(0, 7)}}</a>
 
+          - <span class="message">{{record.commit.message | truncate}}</span><br>
 
+          by <span class="author">{{record.commit.author.name}}</span>
 
+          at <span class="date">{{record.commit.author.date | formatDate}}</span>
 
         </li>
 
       </ul>
 
     </div>
 
     <script src="app.js"></script>
 
   </body>
 
-</html>
 
+</html>

+ 3 - 3
examples/firebase/index.html
查看文件 

@@ -10,9 +10,9 @@
 
   <body>
 
     <div id="app">
 
       <ul>
 
-        <li class="user" v-repeat="users" v-transition>
 
-          <span>{{name}} - {{email}}</span>
 
-          <button v-on="click:removeUser(this)">X</button>
 
+        <li class="user" v-for="user in users" v-transition>
 
+          <span>{{user.name}} - {{user.email}}</span>
 
+          <button v-on="click:removeUser(user)">X</button>
 
         </li>
 
       </ul>
 
       <form id="form" v-on="submit:addUser">

+ 5 - 5
examples/grid/index.html
查看文件 

@@ -13,7 +13,7 @@
 
       <table>
 
         <thead>
 
           <tr>
 
-            <th v-repeat="key: columns"
 
+            <th v-for="key in columns"
 
               v-on="click:sortBy(key)"
 
               v-class="active: sortKey == key">
 
               {{key | capitalize}}
 
@@ -24,11 +24,11 @@
 
           </tr>
 
         </thead>
 
         <tbody>
 
-          <tr v-repeat="
 
-            entry: data
 
+          <tr v-for="
 
+            entry in data
 
             | filterBy filterKey
 
             | orderBy sortKey reversed[sortKey]">
 
-            <td v-repeat="key: columns">
 
+            <td v-for="key in columns">
 
               {{entry[key]}}
 
             </td>
 
           </tr>
 
@@ -51,4 +51,4 @@
 
     <script src="grid.js"></script>
 
 
   </body>
 
-</html>
 
+</html>

+ 13 - 8
examples/svg/index.html
查看文件 

@@ -13,13 +13,18 @@
 
       <g>
 
         <polygon v-attr="points:points"></polygon>
 
         <circle cx="100" cy="100" r="80"></circle>
 
-        <axis-label v-repeat="stats"></axis-label>
 
+        <axis-label
 
+          v-for="stat in stats"
 
+          stat="{{stat}}"
 
+          index="{{$index}}"
 
+          total="{{stats.length}}">
 
+        </axis-label>
 
       </g>
 
     </script>
 
 
     <!-- template for the axis label component. -->
 
     <script type="text/x-template" id="axis-label-template">
 
-      <text v-attr="x:point.x, y:point.y">{{label}}</text>
 
+      <text v-attr="x:point.x, y:point.y">{{stat.label}}</text>
 
     </script>
 
 
     <!-- demo root element -->
 
@@ -29,11 +34,11 @@
 
         <polygraph stats="{{stats}}"></polygraph>
 
       </svg>
 
       <!-- controls -->
 
-      <div v-repeat="stats">
 
-        <label>{{label}}</label>
 
-        <input type="range" v-model="value" min="0" max="100">
 
-        <span>{{value}}</span>
 
-        <button v-on="click:remove(this)">X</button>
 
+      <div v-for="stat in stats">
 
+        <label>{{stat.label}}</label>
 
+        <input type="range" v-model="stat.value" min="0" max="100">
 
+        <span>{{stat.value}}</span>
 
+        <button v-on="click:remove(stat)">X</button>
 
       </div>
 
       <form id="add">
 
         <input name="newlabel" v-model="newLabel">
 
@@ -47,4 +52,4 @@
 
     <script src="svg.js"></script>
 
 
   </body>
 
-</html>
 
+</html>

+ 10 - 5
examples/svg/svg.js
查看文件 

@@ -26,14 +26,19 @@ Vue.component('polygraph', {
 
   components: {
 
     // a sub component for the labels
 
     'axis-label': {
 
+      props: {
 
+        stat: Object,
 
+        index: Number,
 
+        total: Number
 
+      },
 
       template: '#axis-label-template',
 
       replace: true,
 
       computed: {
 
         point: function () {
 
           return valueToPoint(
 
-            +this.value + 10,
 
-            this.$index,
 
-            this.$parent.stats.length
 
+            +this.stat.value + 10,
 
+            this.index,
 
+            this.total
 
           )
 
         }
 
       }
 
@@ -75,10 +80,10 @@ new Vue({
 
     },
 
     remove: function (stat) {
 
       if (this.stats.length > 3) {
 
-        this.stats.$remove(stat.$data)
 
+        this.stats.$remove(stat)
 
       } else {
 
         alert('Can\'t delete more!')
 
       }
 
     }
 
   }
 
-})
 
+})

+ 2 - 3
examples/tree/index.html
查看文件 

@@ -33,8 +33,7 @@
 
           <span v-if="isFolder">[{{open ? '-' : '+'}}]</span>
 
         </div>
 
         <ul v-show="open" v-if="isFolder">
 
-          <item class="item"
 
-            v-repeat="model: model.children">
 
+          <item class="item" v-for="model in model.children" model="{{model}}">
 
           </item>
 
           <li v-on="click: addChild">+</li>
 
         </ul>
 
@@ -53,4 +52,4 @@
 
     <!-- demo code -->
 
     <script src="tree.js"></script>
 
   </body>
 
-</html>
 
+</html>

+ 4 - 4
src/compiler/compile.js
查看文件 

@@ -554,7 +554,7 @@ function makeNodeLinkFn (directives) {
 
       dir = directives[i]
 
       if (dir._link) {
 
         // custom link fn
 
-        dir._link(vm, el)
 
+        dir._link(vm, el, scope)
 
       } else {
 
         k = dir.descriptors.length
 
         for (j = 0; j < k; j++) {
 
@@ -597,10 +597,10 @@ function collectAttrDirective (name, value, options) {
 
     return {
 
       def: def,
 
       _link: allOneTime
 
-        ? function (vm, el, host, scope) {
 
+        ? function (vm, el, scope) {
 
             el.setAttribute(name, (scope || vm).$interpolate(value))
 
           }
 
-        : function (vm, el, host, scope) {
 
+        : function (vm, el, scope) {
 
             var exp = textParser.tokensToExp(tokens, (scope || vm))
 
             var desc = isClass
 
               ? dirParser.parse(exp)[0]
 
@@ -608,7 +608,7 @@ function collectAttrDirective (name, value, options) {
 
             if (isClass) {
 
               desc._rawClass = value
 
             }
 
-            vm._bindDir(dirName, el, desc, def, host, scope)
 
+            vm._bindDir(dirName, el, desc, def, null, scope)
 
           }
 
     }
 
   }