2022年5月13日
vue插槽
摘要： 什么是插槽 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot>表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力 ，vue插槽一般有以 阅读全文
posted @ 2022-05-13 00:42 三镹 阅读(99) 评论(0) 推荐(0)
计算属性与监视
摘要： 计算属性与监视 定义 要⽤的属性不存在，要通过已有的属性计算得来 原理 底层借助了Object.defineproperty⽅法提供的getter和setter computed函数：。与computed配置功能一致。只有getter。有getter和setterwatch函数。与watch配置功能 阅读全文
posted @ 2022-05-13 00:29 三镹 阅读(41) 评论(0) 推荐(0)
vue动态组件
摘要： 1、什么是动态组件？ 动态组件指的是动态切换组件的显示与隐藏 2.如何实现动态组件渲染 vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染：通过 is 属性动态指定要渲染的组件 因为要渲染的组件是不确定的，所以要通过data申明一个变量用来接收组件的名称，用 :is 动态绑 阅读全文
posted @ 2022-05-13 00:13 三镹 阅读(345) 评论(0) 推荐(0)
2022年5月12日
vuex的使用和属性
摘要： 1.vuex是一个专为vue.js开发的状态管理器,采用集中式存储的所有组件状态，通过vuex我们可以解决组件之间数据共享的问题，后期也方便我们管理以及维护 2.vuex有五个属性:state、getters、mutations、actions、module state属性： 存放状态，例如你要存放 阅读全文
posted @ 2022-05-12 23:52 三镹 阅读(226) 评论(0) 推荐(0)
代码中常有的错误
摘要： 1.错误对象ErrorError，指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息。 2.错误类型： 1.TypeError（错误类型）2.SyntaxError（语法错误）3.RangeError（范围越界 阅读全文
posted @ 2022-05-12 23:30 三镹 阅读(511) 评论(0) 推荐(0)
setup细节
摘要： set up细节: 1.setup执行的时机 （1）在beforeCreate之前执行(一次),此时组件对象还没有创建（2） this是undefined,不能通过this来访问data/computed/methods /props（3）其实所有的composition API相关回调函数中也都不 阅读全文
posted @ 2022-05-12 23:06 三镹 阅读(121) 评论(0) 推荐(0)
如何传递所有属性给子组件（v-bind）
摘要： v-bind 的功能 1.v-bind 用于绑定一个或多个属性值 或者向另一个组件传递props值 2.开发标签属性的动态绑定 写法 完整语法： <a v-bind:href="url">...</a> 缩写： <a :href="url">...</a> 动态参数的缩写 (2.6.0+) ： <a 阅读全文
posted @ 2022-05-12 22:54 三镹 阅读(437) 评论(0) 推荐(0)
2022年5月10日
Vue3-reactive的基本使用
摘要： 1.作用：定义多个数据的响应式 2.const proxy=reactive（obj）：接受一个普通对象然后返回该普通对象的响应式代理器对象 3.响应式转换“深层的”：会影响对象内部所有嵌套的属性 4.内部基于ES6的proxy实现，通过代理对象操作源对象内部数据都是响应式的 下面通过案例来解释： 阅读全文
posted @ 2022-05-10 23:39 三镹 阅读(1488) 评论(0) 推荐(0)
2022年5月9日
自定义hook函数
摘要： 1.定义 所谓的hook，就是在不使用class的情况下，管理里面的状态数据，并且把一些逻辑性思维的的东西抽取出来，放在一个可共用的空的函数当中。 1，使用Vue3的组合API封装的可复用的功能函数； 2.自定义hook的作用类似于Vue2中的mixin（混合）技术 3.自定义hook的优势：很清楚 阅读全文
posted @ 2022-05-09 23:39 三镹 阅读(103) 评论(0) 推荐(0)
2022年5月8日
两种方法创建vue3的项目
摘要： 1.一共有两种方式： vue/cli vite 2. vue/cli是基于webpack 这样就可以在全局安装vue/cli，输入命令，查看安装是否成功 能出现对应的vue/cli的版本，即为安装成功。 在这一步过程中，很可能会出错，出错率10%左右，如果安装明明成功了，但是无法显示版本号，并且提示 阅读全文
posted @ 2022-05-08 22:32 三镹 阅读(983) 评论(0) 推荐(0)
下一页