单向数据流 props是单向绑定的，当父组件的属性变化时，将传导给子组件，但是不会反过来 而且不允许子组件直接修改父组件中的数据，报错 解决方式： 方式1：如果子组件想把它作为局部数据来使用，可以将数据存入另一个变量中再操作，不影响父组件中的数据 方式2：如果子组件想修改数据并且同步更新到父组件，两个方法： a.使用.sync（1.0版本中支持，2…
vue单向数据流
vue组件间数据传递
二、 组件间数据传递 1. 父子组件 在一个组件内部定义另一个组件，称为父子组件 子组件只能在父组件内部使用 默认情况下，子组件无法访问父组件中的数据，每个组件实例的作用域是独立的 ### 2. 组件间数据传递 （通信） 2.1 子组件访问父组件的数据 a)在调用子组件时，绑定想要获取的父组件中的数据 b)在子组件内部，使用props选项声明获取的…
vue组件（引用模板与动态组件）
1.引用模板 将组件内容放到模板 <template id=""> 组件内容 </template> 中并引用，使用id标记这个模板为哪一个组件的内容。 template标签中只能有一个根部元素 <template id="luna"> <h3>我是hello组件</h3> </te…
vue组件（全局与局部）
全局组件 可以在所有的vue实例中使用 在组件中存储数据时，必须以函数形式，函数返回一个对象 声明方式： /** * 全局组件，可以在所有vue实例中使用 */ Vue.component('my-hello',{ template:'<h3>{{name}}</h3>', data:function(){ //在组件中存储…
vue组件
一、 组件component 1. 什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码 组件是自定义元素（对象） 2. 定义组件的方式 方式1：先创建组件构造器，然后由组件构造器创建组件 /** * 方式1：先创建组件构造器，然后由组件构造器创建组件 */ //1.使用Vue.…
vue动画
六、过渡(动画) 官方api 1. 简介 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果 本质上还是使用CSS3动画：transition、animation 2. 基本用法 使用transition组件，将要执行动画的元素包含在该组件内 <transition> 运动的元素 </transition&g…
vue自定义指令
五、自定义指令 分类：全局指令、局部指令 1. 自定义全局指令 使用全局方法Vue.directive(指令ID,定义对象) 2. 自定义局部指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自…
vue实例的属性和方法
vue本身自带的各种属性和方法的使用
vue计算属性
三、计算属性 1. 基本用法 计算属性也是用来存储数据，但具有以下几个特点： a.数据可以进行逻辑处理操作 b.对计算属性中的数据进行监视 2.计算属性 vs 方法 将计算属性的get函数定义为一个方法也可以实现类似的功能 区别： a.计算属性是基于它的依赖进行更新的，只有在相关依赖发生改变时才能更新变化 b.计算属性是缓存的，只要相关依赖没有改变…