随笔分类 - Vue
摘要：定义数据方面： 1.ref用来定义：基本类型数据。 2.reactive用来定义：对象(或数组)类型数据。 注：ref也可以用来定义对象(或数组)类型数据，他内部会自动通过reactive转化为代理对象。 原理角度方面： 1.ref通过Object.defineProperty()的get和set实
阅读全文
摘要：1.通过Proxy(代理)：拦截对象中变化的任意属性，包括：属性值的读写、属性的添加、属性的删除等。 2.通过Reflct(反射)：实现对被代理对象的属性操作。 MSN文档中描述的Proxy和Reflect： 1.Proxy：https://developer.mozilla.org/zh-CN/d
阅读全文
摘要：作用：使路由组件更方便接收参数 { name: "example", path: "detail/:id", component: RouteDetail, //第一种写法：props值为对象，该对象中所有的可以-value的组合最后都将通过props传给RouteDetail组件 //Props:
阅读全文
摘要：slot 1.作用：使父组件向子组件插入html结构，也是组件间通信的一种方式，父组件 >自组件； 2.分类：默认插槽、具名插槽、作用域插槽； 3.使用方式： 1.默认插槽： 父组件： <Category> <div>html结构</div> </Category> 子组件： <template>
阅读全文
摘要：Vue模板语法 1.插值语法 ：用于解析标签体内容 写法：{{xx}}，xx为js表达式，且可以直接读取到data中的所有属性 例如：<p> hello，{{name}} </p> 2.指令语法：用于解析标签（包括：标签属性、标签体内容、绑定事件等等） 写法：v-bind:标签 ="xx" ,也可以
阅读全文
