上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 26 下一页
2019年11月21日
Vue学习笔记【12】——过滤器
摘要： 概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 私有过滤器 HTML元素： <td>{{item.ctime | dataForm 阅读全文
posted @ 2019-11-21 12:41 阿江是个程序猿 阅读(188) 评论(0) 推荐(0) 编辑
Vue学习笔记【11】——Vue调试工具vue-devtools的安装步骤和使用
摘要： 1.fq安装 2.本地安装： Google浏览器 chrome://extensions/ ，打开扩展程序→打开开发者模式→加载已解压的扩展程序，选择解压后的扩展程序包即可。 阅读全文
posted @ 2019-11-21 12:39 阿江是个程序猿 阅读(123) 评论(0) 推荐(0) 编辑
2019年11月20日
Vue学习笔记【10】——Vue指令之v-if和v-show
摘要： Vue指令之v-if和v-show <!DOCTYPE html> <html lang="en"> ​ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文
posted @ 2019-11-20 12:02 阿江是个程序猿 阅读(169) 评论(0) 推荐(0) 编辑
Vue学习笔记【9】——Vue指令之v-for和key属性
摘要： 迭代数组（普通数组、对象数组） <ul> <li v-for="(item, i) in list">索引：{{i}} 姓名：{{item.name}} 年龄：{{item.age}}</li> </ul> 迭代对象中的属性 <!-- 循环遍历对象身上的属性 --> ​ <div v-for="(v 阅读全文
posted @ 2019-11-20 11:57 阿江是个程序猿 阅读(330) 评论(0) 推荐(0) 编辑
2019年11月19日
Vue学习笔记【8】——在Vue中使用样式
摘要： 使用class样式 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1</h1> 2.数组中使用三元表达式 <h1 :class="['red', 'thin', isactive?'active':'']">这是一个邪恶的H1</h1> 3.数组中嵌套对象 <h1 阅读全文
posted @ 2019-11-19 08:19 阿江是个程序猿 阅读(249) 评论(0) 推荐(0) 编辑
Vue学习笔记【7】——Vue指令之v-model和双向数据绑定
摘要： v-model是唯一可以实现双向数据绑定的vue指令 单向数据绑定：修改内存中的数据，页面上同步更改。v-bind <!-- v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定 --> <input type="text" v-bind:value="msg" s 阅读全文
posted @ 2019-11-19 08:12 阿江是个程序猿 阅读(248) 评论(0) 推荐(0) 编辑
2019年11月17日
Vue学习笔记【6】——事件修饰符
摘要： .stop 阻止冒泡（阻止事件向外层冒泡） .prevent 阻止默认事件（链接跳转、表单提交） .capture 添加事件侦听器时使用事件捕获模式（从外到里触发事件） .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 .once 事件只触发一次 注意： 1.once和prevent 阅读全文
posted @ 2019-11-17 21:03 阿江是个程序猿 阅读(165) 评论(0) 推荐(0) 编辑
2019年11月16日
Vue学习笔记【5】——如何定义一个基本的Vue代码结构
摘要： 插值表达式{{}} 和 v-text 默认 v-text 是没有闪烁问题的； v-text会覆盖元素中原本的内容，但是 插值表达式只会替换自己的这个占位符，不会把 整个元素的内容清空 v-cloak 使用 v-cloak 能够解决 插值表达式闪烁的问题 v-html 把后面的内容当做HTML代码来解 阅读全文
posted @ 2019-11-16 19:10 阿江是个程序猿 阅读(184) 评论(0) 推荐(0) 编辑
Vue学习笔记【4】——Vue指令之v-on
摘要： Vue指令之v-on v-on指令介绍 直接使用指令v-on 使用简化指令@ 绑定事件代码：@事件名="methods中的方法名称" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport 阅读全文
posted @ 2019-11-16 19:06 阿江是个程序猿 阅读(424) 评论(0) 推荐(0) 编辑
2019年11月15日
Vue学习笔记【3】——Vue指令之v-bind的三种用法
摘要： 直接使用指令v-bind 使用简化指令: 在绑定的时候，拼接绑定内容：:title="btnTitle + ', 这是追加的内容'" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport 阅读全文
posted @ 2019-11-15 10:07 阿江是个程序猿 阅读(981) 评论(0) 推荐(0) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 ··· 26 下一页