摘要：
1.自定义事件 组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。从父组件像向子组件通信，通过props传递数据就可以了。当子组件需要向父组件传递数据时，就要用到自定义事件。v-on除了监听DOM事件外，还可以用于组件之间的自定义事件。子组件用$emit()来触发事件，父组件用$on()来监听 阅读全文
摘要：
1.基本用法 组件不仅仅是要把模板的内容进行复用,更重要的是组件之间要进行通讯。通常父组件的模板中包含子组件,父组件要正向的向子组件传递数据或者参数。这个正向传递数据的就是通过props来实现的。props中声明的数据与组件data函数return的数据的主要区别在于props来自父级,而data组 阅读全文
摘要：
组件(Component)是Vue.js最核心的功能。组件与Vue类似需要注册之后才可以使用。注册有全局注册和局部注册两种方式。全局注册后在任何Vue实例中都可以使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t 阅读全文
摘要：
1.基本用法 表单类控件承载了一个网页数据的录入与交互。vue提供了v-model用于表单类元素上双向绑定数据. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script s 阅读全文
摘要：
1.基本指令 （1）v-cloak v-cloak不需要表达式，他会在Vue实例结束编译时从绑定的HTML元素上移除。经常和CSS的display:none搭配使用。如果网速很慢，vue.js文件还没有加载完成，那么页面上就会显示{{message}}的变量名，这样不利于用户体验。这是加上一个css 阅读全文
摘要：
在数据绑定中，最常见的就是元素样式名称class和内联样式style的动态绑定。 1.绑定class的几种方式 （1）对象语法 给v-bind:class绑定一个对象，通过对象的真假来切换class。 <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文
摘要：
1.什么是计算属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.min.js"></script> <script src="https:// 阅读全文
摘要：
1.v-if v-if/v-else/v-else-if都是用于逻辑判断。当值为true的时候元素会被插入，当值为false的时候，元素会被删除。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title< 阅读全文
摘要：
1.实例与数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.min.js"></script> </head> <body> <div id= 阅读全文
摘要：
1.Vue是什么？ 官方文档中有这么一段话。 简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。 简单小巧是指Vue.js压缩后大小仅有17KB。所谓渐进式就是你可以一步一步、有阶段性的来使用Vue.js,不必一开始就是用所有东西。 Vue.js是一个js的前端框架，所谓的框架就是作者已经帮你写 阅读全文