摘要: .lazy 在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符,从而转为在 change 事件_之后_进行同步: <!-- 在“change”时而非“input”时更新 --> <input v-mode 阅读全文
posted @ 2021-02-06 23:58 vickylinj 阅读(123) 评论(0) 推荐(0) 编辑
摘要: @click="handleOpen" 默认第一个参数传入event对象; @click="handleOpen(0, $event)",如果自己需要传入参数和event对象,则需要使用$event来获取event对象并传入handleOpen。 阅读全文
posted @ 2021-02-06 23:51 vickylinj 阅读(1015) 评论(0) 推荐(0) 编辑
摘要: 动态组件 <component :is="componentName"></component>, componentName可以是在本页面已经注册的局部组件名和全局组件名,也可以是一个组件的选项对象。 当控制componentName改变时就可以动态切换选择组件。 is的用法 有些HTML元素,诸 阅读全文
posted @ 2021-02-06 23:48 vickylinj 阅读(88) 评论(0) 推荐(0) 编辑
摘要: Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 --> {{ message | c 阅读全文
posted @ 2021-02-06 23:10 vickylinj 阅读(66) 评论(0) 推荐(0) 编辑
摘要: vue实现数据双向绑定有这么一个过程:当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用Object.defineProperty() 把这些属性全部转为getter/setter。每个组件实例都有相应的 watcher 实例对象 阅读全文
posted @ 2021-02-06 22:52 vickylinj 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 需求 因为某些原因,某个页面的加载需要很长时间。为了不让用户重新加载,再次等待很长时间,决定当从这个页面跳转其他页面时,打开一个新窗口。 编程时导航 使用路由对象的resolve方法解析路由,可以得到location、router、href等目标路由的信息。得到href就可以使用window.ope 阅读全文
posted @ 2021-02-06 20:43 vickylinj 阅读(3509) 评论(0) 推荐(1) 编辑
摘要: scrollBehavior (to, from, savedPosition) { if (savedPosition) { //保持原先的滚动位置 return savedPosition } else { //滚动到顶部 return { x: 0, y: 0 } } } 使用前端路由,当切换 阅读全文
posted @ 2021-02-06 17:48 vickylinj 阅读(1148) 评论(0) 推荐(0) 编辑
摘要: 什么是单页面应用(SPA)? 首先我们需要了解一下前置的基础知识——SPA(单页面应用)。互联网是一步一步发展到今天的,用一个普通用户能够觉察到的衡量因素——上网速度,来观察互联网的发展。由一开始的拨号上网,到宽带上网,再到如今的百兆光纤等等。信息的高速公路逐渐发展应用于全球的各个方面。而对于web 阅读全文
posted @ 2021-02-06 17:04 vickylinj 阅读(534) 评论(0) 推荐(0) 编辑
摘要: 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个 阅读全文
posted @ 2021-02-06 16:04 vickylinj 阅读(176) 评论(0) 推荐(0) 编辑