Hexrui

2021年12月27日

Vue3_10(Composition API) Setup | Reactive API | Ref API

摘要： Setup | Vue.js https://v3.cn.vuejs.org/guide/composition-api-setup.html#setup 1、Setup中不能使用this，this并没有指向当前组件实例，并且在setup被调用之前，data、computed、methods等都没有阅读全文

posted @ 2021-12-27 14:45 Hexrui 阅读(41) 评论(0) 推荐(0) 编辑

Vue3_09(Mixin)

摘要：组件和组件之间有时候会存在相同的代码逻辑，我们希望对相同的代码逻辑进行抽取。 Mixin提供了一种非常灵活的方式，来分发Vue组件中的可复用功能；一个Mixin对象可以包含任何组件选项；比如data,method,生命周期钩子函数当组件使用Mixin对象时，所有Mixin对象的选项将被混合进阅读全文

posted @ 2021-12-27 14:18 Hexrui 阅读(46) 评论(0) 推荐(0) 编辑

2021年12月21日

Vue3_08(动画)

摘要： Vue的transition动画可以给下列情形中任何元素和组件添加进入/离开过渡：【无name则默认以v开头，v-enter-from,v-enter-to,v-enter-active,v-leave-from,v-leave-to,v-leave-active】条件渲染 (使用 v-if)条阅读全文

posted @ 2021-12-21 19:37 Hexrui 阅读(80) 评论(0) 推荐(0) 编辑

2021年12月20日

Vue3_07(组件的v-model)

摘要： v-model | Vue.js https://v3.cn.vuejs.org/guide/component-custom-events.html#v-model-%E5%8F%82%E6%95%B0 在input中可以使用v-model来完成双向绑定 <input v-model="messa 阅读全文

posted @ 2021-12-20 03:10 Hexrui 阅读(67) 评论(0) 推荐(0) 编辑

Vue3_06(异步组件)

摘要：异步组件 | Vue.js https://v3.cn.vuejs.org/guide/component-dynamic-async.html#%E5%BC%82%E6%AD%A5%E7%BB%84%E4%BB%B6 Webpack的代码分包默认的打包过程：默认情况下，在构建整个组件树的过程中阅读全文

posted @ 2021-12-20 01:56 Hexrui 阅读(82) 评论(0) 推荐(0) 编辑

Vue3_05(动态组件)

摘要：动态组件 & 异步组件 | Vue.js https://v3.cn.vuejs.org/guide/component-dynamic-async.html#%E5%9C%A8%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E4%B8%8A%E4%BD%BF%E7%94% 阅读全文

posted @ 2021-12-20 01:38 Hexrui 阅读(214) 评论(0) 推荐(0) 编辑

Vue3_04(插槽)

摘要：定义插槽slot 插槽的使用过程其实是抽取共性、预留不同；我们会将共同的元素、内容依然在组件内进行封装；同时会将不同的元素使用slot作为占位，让外部决定到底显示什么样的元素；插槽 | Vue.js https://v3.cn.vuejs.org/guide/component-slots.h 阅读全文

posted @ 2021-12-20 01:14 Hexrui 阅读(44) 评论(0) 推荐(0) 编辑

2021年12月13日

Vue3_03(组件化)

摘要：父子组件之间通信的方式父组件传递给子组件：通过props属性；子组件传递给父组件：通过$emit触发事件； Props | Vue.js https://v3.cn.vuejs.org/guide/component-props.html#prop-%E7%B1%BB%E5%9E%8B 什么是P 阅读全文

posted @ 2021-12-13 18:07 Hexrui 阅读(61) 评论(0) 推荐(0) 编辑

Vue3_02(vite)

摘要：浏览器原生支持模块化 #index.html <script src="./src/main.js" type="module"></script> #main.js 可以使用 import导入 import {sum} from './js/math.js' 但是如果我们不借助于其他工具，直接使用阅读全文

posted @ 2021-12-13 00:42 Hexrui 阅读(92) 评论(0) 推荐(0) 编辑

2021年12月10日

Vue3_01(init)

摘要： Vue CLI 安装和使用安装Vue CLI（目前最新的版本是v4.5.13）我们是进行全局安装，这样在任何时候都可以通过vue的命令来创建项目； npm install @vue/cli -g 升级Vue CLI：如果是比较旧的版本，可以通过下面的命令来升级 npm update @vue/ 阅读全文

posted @ 2021-12-10 19:18 Hexrui 阅读(221) 评论(0) 推荐(0) 编辑

公告