摘要: 原文地址 props传参 父组件: 子组件:(子组件要嵌套到父组件中) 返回目录 阅读全文
posted @ 2019-05-15 17:37 gitByLegend 阅读(13229) 评论(0) 推荐(0) 编辑
摘要: 原文地址 Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性。当你有一些数据需要随着其它数据变动而变动时,你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而,通常更好的做法是使用计算属性而不是命令式的 watch 回调。细想一下这个例子: 上面代 阅读全文
posted @ 2019-05-15 17:26 gitByLegend 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 优点 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,核心是一个响应的数据绑定系统。 数据驱动 组件化 轻量 简洁 高效 模块友好 页面切换快 缺点 不支持低版本的浏览器,最低只支持到IE9; 不利于SEO的优化(如果要支持SEO,建议通过服务端来进行渲染组件); 首屏 阅读全文
posted @ 2019-05-15 16:48 gitByLegend 阅读(673) 评论(0) 推荐(0) 编辑
摘要: 原文地址 过滤器:生活中有很多例子,净水器 空气净化器 。过滤器的作用:实现数据的筛选、过滤、格式化。 vue1.*版本是有内置的过滤器,但是在vue2.*所有的版本都已经没有自带的过滤器了。 1、过滤器创建 过滤器的本质 是一个有参数 有返回值的方法 2、过滤器使用语法: 举个例子: 3、过滤器高 阅读全文
posted @ 2019-05-15 16:35 gitByLegend 阅读(3731) 评论(0) 推荐(0) 编辑
摘要: 原文地址 v-model 主要是用于表单上数据的双向绑定 一:基本 1:主要用于 input,select,textarea,component 2:修饰符: .lazy- 取代input监听change事件 .number- 输入字符串转为数字 .trim- 输入首尾空格过滤 二:语法糖 <inp 阅读全文
posted @ 2019-05-15 16:24 gitByLegend 阅读(1637) 评论(0) 推荐(0) 编辑
摘要: v-for生成序列 data数据 点击事件 CSS样式 返回目录 阅读全文
posted @ 2019-05-15 16:10 gitByLegend 阅读(1567) 评论(0) 推荐(1) 编辑
摘要: 原文地址 vue页面在加载的时候闪烁花括号{}},v-cloak指令和css规则如[v-cloak]{display:none}一起用时,这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。 /*css样式*/ [v-cloak] { display: none; } <!--html代码 阅读全文
posted @ 2019-05-15 15:41 gitByLegend 阅读(1493) 评论(0) 推荐(0) 编辑
摘要: 原文地址 文章目录 什么是组件? 使用组件 组件 什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了 阅读全文
posted @ 2019-05-15 11:46 gitByLegend 阅读(34611) 评论(0) 推荐(1) 编辑
摘要: 原文地址 方法一: 直接给相应的元素加id,然后再document.getElementById("id");获取,然后设置相应属性或样式 方法二: 使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素 注意:在获取相应元素之前,必须在mount钩子进行挂 阅读全文
posted @ 2019-05-15 11:25 gitByLegend 阅读(98051) 评论(4) 推荐(2) 编辑
摘要: 原文地址 背景 在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。在原生js或者jQuery中,我们需要判断e.keyCode的值来获取用户所按的键。这样就存在一个问题:我们必须知道某个按键的keyCode值才能完成匹配,使用起来十分不便。 阅读全文
posted @ 2019-05-14 22:05 gitByLegend 阅读(35344) 评论(0) 推荐(0) 编辑