摘要：
一、父组件向子组件传递数据 1、首先形成父子组件关系 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="../js/vue.js"></script> 阅读全文
摘要：
1、组件中数据的存放 ***（重点）组件是一个单独模块的封装：这个模块有自己的HTML模板，也有data属性。 只是这个data属性必需是一个函数，而这个函数返回一个对象，这个对象里面存放着组件的数据。 ***完整代码*** 解析：当你在调用title变量的时候，只能访问到组件内部定义的变量，因为组 阅读全文
摘要：
VUE的模板分离写法。 1、第一种（不常用） 2、第二种 ****完整代码***** 阅读全文
摘要：
1、父组件 2、子组件 解析：父组件和子组件的区分和形成。 当组件存在这种关系的时候，就存在父子关系 当一个组件在另一个组件中注册，这时候，被注册的组件是子组件，包含着子组件的就是父组件 *****完整代码**** 3、全局组件和局部组件的语法糖写法 优点：省去Vue.extend（）的这种写法，直 阅读全文
摘要：
1、全局组件：Vue.component('标签名', 构造器名) 注：这种注册组件的方式是全局组件，可以在多个Vue实例中使用。 2、局部组件：components:{标签名,构造器名} 注：这种注册组件的方式是局部组件，只能在注册这个组件的Vue实例中使用。 *******完整代码******‘ 阅读全文
摘要：
组件化开发基础、分为三个步骤： 注册组件 使用组件 步骤解析： 1、创建组件构造器对象 Vue.extend（）创建了一个组件构造器 通常在创建组件构造器的时候，通常会传入 template 代表我们自定义组件的模板 该模板是使用组件的地方，显示的HTML代码 2、注册组件 Vue.componen 阅读全文
摘要：
1、v-model：双向数据绑定的实现原理 等同于一个 v-bind 加 v-on 2、v-model 结合radio类型的使用 3、v-model结合checkbox的使用 1、单选框 2、多选框 4、v-model结合select的使用 1、单选框 2、多选框 5、值绑定 ：动态绑定Value的 阅读全文
摘要：
1、filter() 作用：过滤 2、map（） 作用：便于对数组中的每个元素进行操作 3、reduce() 作用：对数组中的元素进行汇总 ******完整代码****** 条件：对数组进行下面三个操作。 1、筛选出大于30的数。 2、把数组元素乘2 3、把数组元素汇总 阅读全文
摘要：
Html CSS JavaScript 注：文件文件位置 阅读全文
摘要：
1、v-for遍历数组和对象 2、v-for绑定和非绑定key的区别 加上key之后，能够更好的复用，减少资源的消耗。 没加key之前，如果向数组中间添加一个元素，要依次替换数组元素， 加上key之后，可以直接在数组中间插入这个元素。 *******完整代码****** 小案例：点击更换背景颜色 阅读全文