摘要：
两种组件：函数组件和类组件 //函数组件 function min() { return( <div className="App"> 爸爸 <Son /> 自闭标签直接使用即可 </div> ) } //类组件 class Son extends React.Component{ construc 阅读全文
摘要：
Flex布局是一种弹性布局方式。 当使用flex布局时，首先定义 display: flex 然后通过以下属性进行定位操作 flex-direction 共有四个选项,初始值为row row (默认) 由左到右 row-reverse 又右到左 column 由上到下 column-reverse 阅读全文
摘要：
1、理解6个6 let i for(i=0; i<6; i++){ setTimeout(()=>{console.log(i)},1000) } 结果是：6个6，不是0、1、2、3、4、5 原因： 首先理解setTimeout()这个函数方法，上面例子按照平常理解是1秒后输出 i 但真正意义上是， 阅读全文
摘要：
现在的需求是要打印出0这个数字 // 1. 可以使用React.createElement这个函数去实现 // 它目前接收三个参数, /* 1. 元素名称 (div, button,span ......) 2. 元素class 使用 className声明 3. 元素内容 */ const App 阅读全文
摘要：
创建运行环境 yarn global add create-react-app // 引入React cd目录 create-react-app react-demo01 //引入成功 运行 yarnstart Hello world ReactDOM.render( // 标签名 <h1>hell 阅读全文
摘要：
网页中，每一个元素都占有一定的空间，无论是div、p等等，都可以看成盒子 盒模型的组成 一个元素占有空间的大小由下面几部分组成： content（元素内容） padding（内边距）：内容与边框之间的距离 border（边框） margin（外边距）：边框与外部元素之间的距离 其中 padding、 阅读全文
摘要：
自定义指令：Directive 相对于内置指令，如果出现一些特殊需求，需要自定义一些指令，就要用到directive了 声明一个全局指令 Vue.directive('y',directiveOptions) 例如： Vue.directive('y',{ inserted:function(el) 阅读全文
摘要：
vue 修饰符sync的功能是：当一个子组件改变了一个 props 的值时，这个变化也会同步到父组件中所绑定。 有两组数据，一个是父组件一个是子组件，父组件有number:1000，当子组件想拥有查看权的时候，我们可以使用props传递 父组件通过 props 向下传递数据给子组件，子组件通过 ev 阅读全文
摘要：
computed：计算属性 调用属性时不需要加括号 （最后面解释了为什么不加括号！！） 根据依赖会自动缓存，如果依赖不变就不会重新计算 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 如果一个属性是由其他属性计算出来的，这个属性依赖其他属性，是多对一或一对一，一般用comput 阅读全文
摘要：
响应式是一个抽象的概念，并不是一个具体的实例。是指能对外界的刺激做出反应。 Vue中的数据响应式，就是数据改变，UI页面做出响应。 Vue中的data是响应式，当修改Vue实例中的data属性时，UI页面中data会做出响应， （Vue2）通过使用Object.defineProperty来实现数据 阅读全文