随笔分类 -  vue

摘要:十二.过滤器(filter) 示例代码: ps:a.多个过滤器 {{ msg | filterA | filterB }}b.传参 {{ msg | filterA('val1', 'val2') }} 十三.异步更新队列 Vue 异步执行 DOM 更新。只要观察到数据变化,Vue 将开启一个队列, 阅读全文
posted @ 2017-09-17 07:24 rorshach 阅读(143) 评论(0) 推荐(0)
摘要:十一.过渡与动画 1.使用限制Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加 entering/leaving 过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点 2.示例 3.当插入或删除包含在 transition 组件中 阅读全文
posted @ 2017-09-17 07:22 rorshach 阅读(154) 评论(0) 推荐(0)
摘要:十.组件 1.组件中的data为函数 2.props: 父组件向子组件传递数据 子组件:Child.vue 父组件: 3.字面量语法和动态语法: 如果你想要传递的是一个数字,你应该这么做 4.prop验证: type 可以是下面原生构造器: 5.非 prop 特性所谓非 prop 特性,就是它可以直 阅读全文
posted @ 2017-09-16 22:53 rorshach 阅读(216) 评论(0) 推荐(0)
摘要:七.列表渲染 1.示例 ps:a.如果不需要索引,可以简写为item in itemsb.item in items中的in可以用of替代 2.渲染一个对象: ps:如果是对象的话,列表渲染的第二个参数为key,第三个参数为索引 3.数组更新检测 Vue 包含一组观察数组的变异方法,所以它们也将会触 阅读全文
posted @ 2017-09-16 19:40 rorshach 阅读(199) 评论(0) 推荐(0)
摘要:一.Vue基本知识点 1.声明式渲染 ps:a.el指定了将vue挂载到那个元素上b.msg是响应式的,即只要改变,对应的元素将重新渲染 2.if与for 3.v-on和v-model v-on提供了绑定事件,v-model提供了表单和应用状态双向绑定 二.数据与方法和实例的生命周期与钩子 1.当一 阅读全文
posted @ 2017-09-15 22:45 rorshach 阅读(216) 评论(0) 推荐(0)
摘要:一.vuex是什么,解决了什么问题? 官方解释是:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化.个人理解是因为vue各个组件是相对独立的,要共享数据,就变的很麻烦.vuex就是为了解决各个组 阅读全文
posted @ 2017-08-20 22:44 rorshach 阅读(342) 评论(0) 推荐(0)
摘要:一.新建3个组件 1./src/components/post.vue 2./src/components/view.vue 3./src/components/vote.vue 二.路由 1.入口文件main.js,导入路由 可以看到router是从router这个文件夹中引入的 2.打开rout 阅读全文
posted @ 2017-08-19 10:05 rorshach 阅读(312) 评论(0) 推荐(0)