{"version":3,"sources":["webpack:///./src/App.vue?2cb4","webpack:///./src/App.vue","webpack:///src/App.vue","webpack:///./src/main.js"],"names":["selectortype_template_index_0_src_App","render","_vm","this","_h","$createElement","_c","_self","attrs","id","align","_v","_m","_l","user","class","fontColor","checked","directives","name","rawName","value","expression","type","domProps","Array","isArray","_i","on","change","$event","$$a","$$el","target","$$c","$$i","concat","slice","$set","_s","username","click","deleteUser","colspan","newUser","placeholder","input","composing","addUser","staticRenderFns","src_App","__webpack_require__","normalizeComponent","then","response","data","preventDefault","ssrContext","vue_esm","use","vue_resource_esm","config","productionTip","el","template","components","App"],"mappings":"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","file":"static/js/app.1909dca480c2110dc21b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app\",\"align\":\"center\"}},[_c('h1',[_vm._v(\"User Manager\")]),_vm._v(\" \"),_c('table',[_vm._m(0),_vm._v(\" \"),_vm._l((_vm.users),function(user){return _c('tr',{class:{fontColor:user.checked}},[_c('td',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(user.checked),expression:\"user.checked\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(user.checked)?_vm._i(user.checked,null)>-1:(user.checked)},on:{\"change\":function($event){var $$a=user.checked,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(user.checked=$$a.concat([$$v]))}else{$$i>-1&&(user.checked=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.$set(user, \"checked\", $$c)}}}})]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(user.username))]),_vm._v(\" \"),_c('td',[_vm._v(_vm._s(user.name))]),_vm._v(\" \"),_c('td',[_c('button',{on:{\"click\":function($event){_vm.deleteUser(user)}}},[_vm._v(\"删除\")])])])}),_vm._v(\" \"),_c('tr',[_c('td',{attrs:{\"colspan\":\"4\",\"align\":\"center\"}},[_c('form',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newUser.username),expression:\"newUser.username\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入用户名\"},domProps:{\"value\":(_vm.newUser.username)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newUser, \"username\", $event.target.value)}}}),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newUser.name),expression:\"newUser.name\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入姓名\"},domProps:{\"value\":(_vm.newUser.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.newUser, \"name\", $event.target.value)}}}),_vm._v(\" \"),_c('input',{attrs:{\"type\":\"submit\",\"value\":\"提交\"},on:{\"click\":_vm.addUser}})])])])],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('th'),_c('th',[_vm._v(\"用户名\")]),_c('th',[_vm._v(\"姓名\")]),_c('th')])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-383c7f8e\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-383c7f8e\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-383c7f8e\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-383c7f8e\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = null\n// module chunks = ","<!-- 1、模板结构 -->\n<template>\n  <div id=\"app\" align=\"center\">\n    <h1>User Manager</h1>\n    <table>\n      <tr><th></th><th>用户名</th><th>姓名</th><th></th></tr>\n      <tr v-for=\"user in users\" v-bind:class=\"{fontColor:user.checked}\">\n        <td><input type=\"checkbox\" v-model=\"user.checked\"/></td>\n        <td>{{user.username}}</td>\n        <td>{{user.name}}</td>\n        <td><button v-on:click=\"deleteUser(user)\">删除</button></td>\n      </tr>\n      <tr><td colspan=\"4\" align=\"center\">\n        <form>\n          <input type=\"text\" placeholder=\"请输入用户名\" v-model=\"newUser.username\"/>\n          <input type=\"text\" placeholder=\"请输入姓名\" v-model=\"newUser.name\"/>\n          <input type=\"submit\" value=\"提交\" v-on:click=\"addUser\"/>\n        </form>\n      </td></tr>\n    </table>\n  </div>\n</template>\n\n<!-- 2、JS处理 -->\n<script>\nexport default {\n  name: 'app',\n  // 数组集合\n  data(){\n    return {\n      users:[],\n      newUser:{},\n    };\n  },\n  // 初始化方法\n  created:function(){\n    this.$http.get(\"http://jsonplaceholder.typicode.com/users\")\n    .then(function(response){\n      // console.log(response.data);\n      this.users = response.data;\n    });\n  },\n  methods:{\n    deleteUser:function(user){\n      var index = this.users.indexOf(user);\n      this.users.splice(index,1);\n    },\n    addUser:function(event){\n      event.preventDefault();\n      var user = {\n        username:this.newUser.username,\n        name:this.newUser.name\n      }\n      this.users.push(user);\n      this.newUser = {};\n    },\n  }\n}\n</script>\n\n<!-- 2、样式处理 -->\n<style scoped>\ntable,th,td{\n  border:1px solid gray;\n  border-collapse:collapse;\n  padding:5px;\n}\n.fontColor{\n  color:red;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/App.vue","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\n\n// 引入网络请求组件\nimport vueResource from 'vue-resource'\nVue.use(vueResource)\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n  el: '#app',\n  template: '<App/>',\n  components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""}