随笔分类 -  Vue

vuejs知识点目录
摘要：博文索引 阅读全文
posted @ 2020-08-12 21:33 asdio 阅读(140) 评论(0) 推荐(0)
vue中的动画
摘要：使用过渡类名和JavaScript钩子实现动画的两种方法 阅读全文
posted @ 2020-08-12 21:00 asdio 阅读(121) 评论(0) 推荐(0)
vue请求api
摘要：本文简单介绍了vue的使用中，请求api的两种方法-axios和fetch 阅读全文
posted @ 2020-08-12 17:16 asdio 阅读(1483) 评论(0) 推荐(0)
vue插槽
摘要：vue的插槽是vue组件中的一个可变区域，在网页渲染时，插槽区域将会根据规则被替换。 本文包含默认插槽、具名插槽和作用域插槽的使用方法。 阅读全文
posted @ 2020-08-12 16:30 asdio 阅读(114) 评论(0) 推荐(0)
vue路由
摘要：对于大多数单页面应用，可以使用 vue-router 库中的路由实现。在使用时，要 Vue Router 添加进来，然后将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。 本文介绍了路由的基本使用，传参和嵌套 阅读全文
posted @ 2020-08-12 12:00 asdio 阅读(134) 评论(0) 推荐(0)
vue组件之间的关系
摘要：组件之间的关系，主要涉及到父子组件、兄弟组件之间的传值或调用对方方法的方式。 本文介绍了他们之间传递的各种方法，包括v-bind 、v-on、ref $emit/$on、this.$parent/this.$children 阅读全文
posted @ 2020-08-11 16:59 asdio 阅读(897) 评论(0) 推荐(0)
vue组件的使用
摘要：为了拆分Vue实例的代码，能够以不同的组件划分出不同的功能，需要什么样的功能就调用什么样的组件。本篇介绍了全局组件和局部组件的创建、组件中的数据和方法以及组件的切换方法。 阅读全文
posted @ 2020-08-11 11:42 asdio 阅读(172) 评论(0) 推荐(0)
vue生命周期
摘要：Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程，这是 Vue 的生命周期。 阅读全文
posted @ 2020-08-10 16:40 asdio 阅读(121) 评论(0) 推荐(0)
vue过滤器的使用
摘要：过滤器的基本使用 Vue.js 允许使用自定义过滤器完成一些常见的文本格式化。 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。 使用v-bind形式 v-bind:id="rawId | formatId" 阅读全文
posted @ 2020-08-10 15:17 asdio 阅读(125) 评论(0) 推荐(0)
vue添加 class和style
摘要：使用vue动态添加class 使用属性绑定的形式进行添加 <h1 :class="['red']">属性绑定red</h1> 也可以直接传递一个数组 <h1 :class="['red','thin']">通过数组绑定red和thin</h1> 在数组中可以使用三元表达式 <h1 :class="[ 阅读全文
posted @ 2020-08-10 14:42 asdio 阅读(264) 评论(0) 推荐(0)
vue的其他命令
摘要：v-bind指令 v-bind属性绑定指令，v-bind会把后面引号中的内容当做js代码解析 <input type="button" value="按钮" v-bind:title="MyTitle"> 引号中的内存可以进行计算 <input type="button" value="按钮" v- 阅读全文
posted @ 2020-08-09 17:37 asdio 阅读(214) 评论(0) 推荐(0)
vue 基础指令
摘要：vue 概念 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 使用步骤 引入vue.js 创建一个vue实例 当在页面中引入vuejs后，在浏览器中就多出了一个vue构造函数，new出来的vue实例就是中间调度者- 阅读全文
posted @ 2020-08-08 08:26 asdio 阅读(50) 评论(0) 推荐(0)