Vue

by guohan yu

HTML

<script src="https://cdn.bootcss.com/element-ui/2.2.1/index.js"></script>
<link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.6.1/theme-chalk/index.css">
<div id="app">
  <el-input v-model="text"> </el-input>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

Vue

new Vue({
  el: "#app",
  data() {
  	return {
    	text: ''
    }
  },
  methods: {
  	toggle: function(todo){
    	todo.done = !todo.done
    }
  }
})