2019年6月10日
vue 键值相同直接使用值
摘要： (function (window) { 'use strict'; const vm = new Vue ({ el:'#app', data:{ name:'', list:[ {id:1,name:'抽烟',completed:false}, {id:2,name:'喝酒',completed 阅读全文
posted @ 2019-06-10 11:02 一只大鹅 阅读(433) 评论(0) 推荐(0) 编辑
vue使用trim清空提交后的input框
摘要： (function (window) { 'use strict'; const vm = new Vue ({ el:'#app', data:{ name:'', list:[ {id:1,name:'抽烟',completed:false}, {id:2,name:'喝酒',completed 阅读全文
posted @ 2019-06-10 10:55 一只大鹅 阅读(4086) 评论(0) 推荐(0) 编辑
vue使用按键修饰符enter触发事件
摘要： <input class="new-todo" placeholder="What needs to be done?" autofocus @keyup.enter="add" > 阅读全文
posted @ 2019-06-10 10:15 一只大鹅 阅读(4923) 评论(0) 推荐(0) 编辑
使用V-bind动态添加class
摘要： <li :class="{completed:item.completed}" v-for='item in list' :key="item.id"> <div class="view"> <input class="toggle" type="checkbox" checked> <label> 阅读全文
posted @ 2019-06-10 09:12 一只大鹅 阅读(321) 评论(0) 推荐(0) 编辑
vscode 终端下载vue
摘要： npm i -s vue 阅读全文
posted @ 2019-06-10 08:42 一只大鹅 阅读(559) 评论(0) 推荐(0) 编辑
todomvc-app-template 打开后格式乱了
摘要： css包没下载 文件 npm i 下载css包 阅读全文
posted @ 2019-06-10 08:39 一只大鹅 阅读(153) 评论(0) 推荐(0) 编辑
2019年6月9日
作用域插槽，用来属性插入
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 22:45 一只大鹅 阅读(258) 评论(0) 推荐(0) 编辑
solt具名插槽
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 22:29 一只大鹅 阅读(117) 评论(0) 推荐(0) 编辑
slot默认插槽
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 22:23 一只大鹅 阅读(495) 评论(0) 推荐(0) 编辑
Vue局部组件过滤器，首字母大写，表单只能用双向数据绑定，v-model
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-06-09 21:34 一只大鹅 阅读(623) 评论(0) 推荐(0) 编辑