摘要：
原文地址 vue中除了内置的指令（v-show,v-model）还允许我们自定义指令 想要创建自定义指令，就要注册指令（以输入框获取焦点为例） 一、注册全局指令： // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 阅读全文
摘要：
原文地址 常见场景 在许多填写表单的页面中，都会弹出一个选择器，让你在弹窗中选择项目。有时，弹窗本身容纳不下内容，需要让它不断滚动来展示，但因为事件是冒泡的，有时就会造成底部（body 的Z-index肯定是在下面的 ）的内容也在滚动。这内外一起滚，就有点尴尬了。 举例，下面两张图里，都有类似的问题 阅读全文
摘要：
原文地址 props传参 父组件： 子组件：（子组件要嵌套到父组件中） 返回目录 阅读全文
摘要：
原文地址 Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调。细想一下这个例子： 上面代 阅读全文
摘要：
优点 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，核心是一个响应的数据绑定系统。 数据驱动 组件化 轻量 简洁 高效 模块友好 页面切换快 缺点 不支持低版本的浏览器，最低只支持到IE9； 不利于SEO的优化（如果要支持SEO，建议通过服务端来进行渲染组件）； 首屏 阅读全文
摘要：
原文地址 过滤器：生活中有很多例子，净水器 空气净化器 。过滤器的作用：实现数据的筛选、过滤、格式化。 vue1.*版本是有内置的过滤器，但是在vue2.*所有的版本都已经没有自带的过滤器了。 1、过滤器创建 过滤器的本质 是一个有参数 有返回值的方法 2、过滤器使用语法： 举个例子： 3、过滤器高 阅读全文
摘要：
原文地址 v-model 主要是用于表单上数据的双向绑定 一：基本 1:主要用于 input，select，textarea，component 2:修饰符： .lazy- 取代input监听change事件 .number- 输入字符串转为数字 .trim- 输入首尾空格过滤 二：语法糖 <inp 阅读全文
摘要：
v-for生成序列 data数据 点击事件 CSS样式 返回目录 阅读全文
摘要：
原文地址 vue页面在加载的时候闪烁花括号{}}，v-cloak指令和css规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。 /*css样式*/ [v-cloak] { display: none; } <!--html代码 阅读全文
摘要：
原文地址 文章目录 什么是组件？ 使用组件 组件 什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了 阅读全文
摘要：
原文地址 方法一： 直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式 方法二： 使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素 注意：在获取相应元素之前，必须在mount钩子进行挂 阅读全文