一、创建组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的；方便代码分层...

vue实例的生命周期 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件 这张图对于Vue的生命周期和钩...

计算属性计算属性可以同时设置getter()、setter()方法,是以函数形式，在vue实例的选项对象的comoputed选项中定义的。 前面做了一个字符串翻转的案例 {{message.split('').reverse...

按键修饰符在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符： 你可以直接将 KeyboardEvent.key 暴露的任意有...

Vue_过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； https://c...

在Vue中使用样式使用class样式.red{ color: red;}.thin{ font-weight:200;}.italic{ font-style: italic;}.active{ letter-spacing:...

Vue_事件修饰符我们的事件在触发时默认是冒泡的，就是在触发内层的元素事件时，会冒泡的最外层元素的事件。有些元素还自带默认事件，例如：超链接a，表单submit等…… .inner { background-color: gre...

1.1 指令表 指令 说明 v-cloak 作用：解决插值表达式{{msg}}闪烁的问题注意：需要配合属性选择器[v-cloak]{display:none;} 使用 v-text 作用：输出文本 v-html 作用：以浏览器能够...

Vue_过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； https://c...

Vue组件组件（component）：是Vue最轻大的功能之一。 组件化开发特点：组件可以扩展HTML元素，封装可重用代码。 vue组件可以理解为预先定义好的ViewModel类。一个组件可以预定义很多选项，最核心的有： 模板template：模...

什么是Vue框架？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面...