随笔分类 - Vue
vue路由
摘要:对于大多数单页面应用,可以使用 vue-router 库中的路由实现。在使用时,要 Vue Router 添加进来,然后将组件 (components) 映射到路由 (routes),然后告诉 Vue Router 在哪里渲染它们。
本文介绍了路由的基本使用,传参和嵌套
vue组件之间的关系
摘要:组件之间的关系,主要涉及到父子组件、兄弟组件之间的传值或调用对方方法的方式。
本文介绍了他们之间传递的各种方法,包括v-bind 、v-on、ref on、this.children
vue组件的使用
摘要:为了拆分Vue实例的代码,能够以不同的组件划分出不同的功能,需要什么样的功能就调用什么样的组件。本篇介绍了全局组件和局部组件的创建、组件中的数据和方法以及组件的切换方法。
vue过滤器的使用
摘要:过滤器的基本使用 Vue.js 允许使用自定义过滤器完成一些常见的文本格式化。 过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示。 使用v-bind形式 v-bind:id="rawId | formatId"
vue添加 class和style
摘要:使用vue动态添加class 使用属性绑定的形式进行添加 <h1 :class="['red']">属性绑定red</h1> 也可以直接传递一个数组 <h1 :class="['red','thin']">通过数组绑定red和thin</h1> 在数组中可以使用三元表达式 <h1 :class="[
vue的其他命令
摘要:v-bind指令 v-bind属性绑定指令,v-bind会把后面引号中的内容当做js代码解析 <input type="button" value="按钮" v-bind:title="MyTitle"> 引号中的内存可以进行计算 <input type="button" value="按钮" v-
vue 基础指令
摘要:vue 概念 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 使用步骤 引入vue.js 创建一个vue实例 当在页面中引入vuejs后,在浏览器中就多出了一个vue构造函数,new出来的vue实例就是中间调度者-