摘要: 列表数据使用数组保存 v-bind指令可以设置元素属性,比如src v-show和v-if都可以切换元素的显示状态,频繁切换用v-show html代码: js代码: css代码: 结果图: 阅读全文
posted @ 2020-07-21 16:59 codeing123 阅读(1248) 评论(0) 推荐(0) 编辑
摘要: 创建vue示例时:el(挂载点),data(数据),methods(方法) v-on指令的作用是绑定事件,简称为@ 方法中通过this,关键字获取data中的数据 v-text指令的作用是:设置元素的文本值,简写为{{}} html代码: css代码: js代码: 结果: 阅读全文
posted @ 2020-07-21 12:42 codeing123 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 两个button标签不要换行写 正确写法: <button>111</button><button >222</button> 错误写法: <button >111</button><button>222</button> 阅读全文
posted @ 2020-07-21 12:38 codeing123 阅读(1963) 评论(1) 推荐(1) 编辑
摘要: 三目运算:(布尔表达式 ? 值1:值2;) 例如:this.number=this.number>0 ?this.number-1:this.number 例如: a=10 b=a>0 ? 1 :2 结果:b=1 当布尔表达式为真时,将值1赋值给b 下方代码截图,注释的和没注释的是等价的 阅读全文
posted @ 2020-07-21 11:26 codeing123 阅读(151) 评论(0) 推荐(0) 编辑
摘要: Vue文档传送门:https://cn.vuejs.org/ Vue是javaScript框架,简化了dom的操作并以响应式数据驱动 Vue:一款渐进式javaScript框架,所谓渐进式就是逐步实现新特性的意思,如实现模块化开发、路由、状态管理等新特性。 其特点是综合了Angular(模块化MVV 阅读全文
posted @ 2020-07-21 09:18 codeing123 阅读(1854) 评论(0) 推荐(0) 编辑