01 2019 档案

Vue组件-1
摘要：组件是Vue.js最推崇的，也是最强大的功能之一，核心目标是为了可重用性高，减少重复性的开发。我们可以把组件代码按照template、style、script的拆分方式，放置到对应的.vue文件中。 Vue.js的组件可以理解为预先定义好行为的VuewModel类。一个组件可以预定义很多选项，但最核 阅读全文
posted @ 2019-01-29 10:20 醉江湖 阅读(180) 评论(0) 推荐(0)
Vue实例方法
摘要：这次我们介绍Vue实例提供的一些有用的属性和方法，这些属性和方法名都以前缀$开头。 一、实例属性 1.组件树访问 $parent 用来访问当前组件实例的父实例 $root 用来访问当前组件树的根实例，如果当前组件没有父实例，$root表示当前组件实例本身 $children 用来访问当前组件实例的直 阅读全文
posted @ 2019-01-24 14:57 醉江湖 阅读(1169) 评论(0) 推荐(0)
Method
摘要：Vue.js的事件监听一般都通过v-on指令配置在HTML中，虽然也可以在JavaScript代码中使用原生的addEventListener方法添加事件监听，但Vue.js本身并不提倡如此。看上去这种方式不符合传统的“关注点分离”的理念，但其实所有的Vue.js事件处理方法和表达式都严格绑定在当前 阅读全文
posted @ 2019-01-21 11:31 醉江湖 阅读(463) 评论(0) 推荐(0)
过渡
摘要：过渡效果在交互体验中的重要性不言而喻。以往我们使用jQuery添加或移除元素的类，搭配CSS中定义好的样式，再引用一些JavaScript库之后，可以做出非常复杂、惊艳的动态效果，不过这一套方法仍略显烦琐。Vue.js内置了一套过渡系统，可以在元素从DOM中插入或移除时自动应用过渡效果。Vue.js 阅读全文
posted @ 2019-01-18 11:07 醉江湖 阅读(503) 评论(0) 推荐(0)
Class与Style绑定
摘要：对于数据绑定，一个常见的需求是操作元素的class列表和它的内联样式。因为它们都是attribute，我们可以用v-bind处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在v-bind用于class和style时，Vue.js专门增强了它。表达式的结果类型除了字符串以外 阅读全文
posted @ 2019-01-14 14:58 醉江湖 阅读(603) 评论(0) 推荐(0)
Vue过滤器
摘要：在了解过滤器之前，我们需要明确一个概念--过滤器，本质上都是函数。其作用在于用户输入数据后，它能够进行处理，并返回一个数据结果。Vue.js与AngularJS中的过滤器语法有些类似，使用管道符（|）进行连接。 一、内置过滤器 Vue.js内置了一系列常用的过滤器，可以直接进行调用。这些内置过滤器都 阅读全文
posted @ 2019-01-10 14:11 醉江湖 阅读(1208) 评论(0) 推荐(0)
Vue表单控件绑定
摘要：在Web应用中，我们经常会使用表单向服务端提交一些数据，而通常也会在表单项中绑定一些如input、change等事件对用户输入的数据进行校验、更新等操作。在Vue.js中我们可以使用v-model指令同步用户输入的数据到Vue示例data属性中，同时会对radio、checkbox、select等原 阅读全文
posted @ 2019-01-07 11:55 醉江湖 阅读(635) 评论(0) 推荐(0)
Vue计算属性
摘要：一、计算属性 计算属性就是当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的DOM部分也会同步自动更新。 代码如下: 当vm.didi和vm.family的值发生变化时，vm.didiFamily的值会自动更新，并且会自动同步更新DOM部分。 前面实例只提供了getter，实际上除了ge 阅读全文
posted @ 2019-01-04 15:12 醉江湖 阅读(904) 评论(1) 推荐(1)