摘要：
组件数据的存放 组件对象也有一个data属性(也可以有methods等属性,下面我们有用到) 只是这个data属性必须是一个函数 而且这个函数返回一个对象,对象内部保存着数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ 阅读全文
摘要：
■刚才,我们通过语法糖简化了Vue组件的注册过程,另外还有一个地方的写法比较麻烦,就是template模块写法。 ■如果我们能将其中的HTML分离出来写,然后挂载到对应的组件上,必然结构会变得非常清晰。 ■Vue提供了两种方案来定义HTML模块内容: 使用<script>标签 使用<template 阅读全文
摘要：
在前面我们看到了组件树: 组件和组件之间存在层级关系 而其中一种非常重要的关系就是父子组件的关系 我们来看通过代码如何组成的这种层级关系: 父子组件错误用法：以子标签的形式在Vue实例中使用 因为当子组件注册到父组件的components时,Vue会编译好父组件的模块 该模板的内容已经决定了父组件将 阅读全文
摘要：
全局组件：可以在多个Vue的实例下使用，使用 Vue.component( 组件名称 ,构造器名称) 局部组件：只能在注册的Vue实例下使用，在Vue实例中，通过 components 属性进行局部组件的注册 <div id="app"> <cpn></cpn> </div> <div id="ap 阅读全文
摘要：
一、步骤 1.1、创建组件构造器 1.2、注册组件 1.3、使用组件 二、代码使用步骤： 2.1. 调用 Vue.extend() 方法 创建组件构造器 2.2. 调用 Vue.component() 方法 注册组件 2.3. 在 Vue 实例的作用范围内使用组件 三、步骤解析 3.1 Vue.ex 阅读全文
摘要：
1. 原理: v-model 其实就是一个语法糖,它的背后本质上包含两个操作: 1. v-bind绑定一个value属性 2. v-on指定给当前元素绑定input事件 也就是下面的代码 : 等同于下面的代码 <input type="text" v-model="message"> 等同于 <in 阅读全文
摘要：
1. html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css"> </head> <body> <div 阅读全文
摘要：
/** *编程范式：命令式编程/声明式编程 *编程范式：面向对象编程（第一公民：对象）/函数式编程（第一公民：函数） **/ // const nums= [10,20,30,50,111,222,333,40,50]; // //1. 需求：取出所有小于100的数字 // let newNums 阅读全文