2020年8月11日
vue组件之间的关系
摘要： 组件之间的关系，主要涉及到父子组件、兄弟组件之间的传值或调用对方方法的方式。 本文介绍了他们之间传递的各种方法，包括v-bind 、v-on、ref $emit/$on、this.$parent/this.$children 阅读全文
posted @ 2020-08-11 16:59 asdio 阅读(893) 评论(0) 推荐(0)
vue组件的使用
摘要： 为了拆分Vue实例的代码，能够以不同的组件划分出不同的功能，需要什么样的功能就调用什么样的组件。本篇介绍了全局组件和局部组件的创建、组件中的数据和方法以及组件的切换方法。 阅读全文
posted @ 2020-08-11 11:42 asdio 阅读(170) 评论(0) 推荐(0)
2020年8月10日
vue生命周期
摘要： Vue 实例从开始创建、初始化数据、编译模板、挂载Dom和渲染、更新和渲染、卸载等一系列过程，这是 Vue 的生命周期。 阅读全文
posted @ 2020-08-10 16:40 asdio 阅读(116) 评论(0) 推荐(0)
vue过滤器的使用
摘要： 过滤器的基本使用 Vue.js 允许使用自定义过滤器完成一些常见的文本格式化。 过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。 使用v-bind形式 v-bind:id="rawId | formatId" 阅读全文
posted @ 2020-08-10 15:17 asdio 阅读(123) 评论(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)
2020年8月9日
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 阅读(213) 评论(0) 推荐(0)
2020年8月8日
ES6 常用语法
摘要： 变量声明let与const const const用于声明常量，在程序运行中不能直接被修改，不然会报错。 const声明的时候一定要赋值，不然会报错。 const作用域和let一样都是块级作用域。 let let在块级作用域有效，在该块级作用域之外将不能被访问。 let不存在变量提升（变量提升即将变 阅读全文
posted @ 2020-08-08 10:32 asdio 阅读(90) 评论(0) 推荐(0)
vue 基础指令
摘要： vue 概念 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 使用步骤 引入vue.js 创建一个vue实例 当在页面中引入vuejs后，在浏览器中就多出了一个vue构造函数，new出来的vue实例就是中间调度者- 阅读全文
posted @ 2020-08-08 08:26 asdio 阅读(48) 评论(0) 推荐(0)