Vue3
弈剑のㄨ听雨阁_
加油
展开
-
Vue2+Vue3」 的 62 个知识点,看看你掌握了几个
这里只说Vue2的bind:指令绑定到指定元素时调用,只调用一次inserted:指定元素插入父节点时调用update:所在组件的 VNode 更新时调用:所在组件以及其子组件 VNode 全部更新后调用unbind:只调用一次,指令与元素解绑时调用props: {num: {// 返回值为false则验证不通过,报错return [== -1model: {原创 2024-03-05 09:10:04 · 956 阅读 · 0 评论 -
Vue3 <script setup lang=“ts“> 使用指南
本文主要是讲解 与 TypeScript 的基本使用原创 2022-08-18 09:54:02 · 17384 阅读 · 3 评论 -
Oasis Engine 3d全景展示demo
Oasis Engine是一套 Web 为先,移动优先的互动引擎,使用Typescript编写。核心功能由oasis-engine提供,非核心和偏业务逻辑定制的高级功能由oasis-engine-toolkit提供,推荐通过NPM的方式进行安装:...原创 2022-08-17 14:20:17 · 948 阅读 · 0 评论 -
Vue3的七种组件通信方式,别再说不会组件通信了
本篇文章是全部采用的<script setup>这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。本篇文章将介绍如下七种组件通信方式:props emit v-model refs provide/inject eventBus vuex/pinia(状态管理工具)开始搞事情~Props方式Props方式是Vue中最常见的一种父传子的一种方式,使用也比较简单。根据上面的demo,我们将数据以及对数据原创 2022-02-16 17:06:40 · 591 阅读 · 1 评论 -
Vue3 富文本
这是我的二.新建TEditor.vue组件<template> <div class="tinymce-box"> <Editor v-model="contentValue" :init="init" :disabled="disabled" @onClick="onClick" id="tinymce" /> </div></temp......原创 2021-11-03 11:31:47 · 3749 阅读 · 0 评论 -
vue3 Cannot read property ‘custom‘ of undefined
vue3 打包部署到服务上Cannot read property 'custom' of undefined这个真坑,我以为是代码的错,翻来覆去的找,代码一遍一遍的删,一遍一遍的部署到服务器上,一个一个的查找问题,加班到深夜,才发现是qs插件的问题解决方式:找了一个低版本的"qs": "^6.9.5"坑!坑!坑!...原创 2021-10-22 15:46:51 · 560 阅读 · 1 评论 -
Vue 动态设置ref变量
setUp(){ let tableArry=[ref({} as VxeTableInstance),ref({} as VxeTableInstance)]}return {tableArry}获取值tableArry[0]原创 2021-07-29 09:53:24 · 1938 阅读 · 0 评论 -
Vue3 父调子
父组件<UnitSelection ref="unit"></UnitSelection>setup() { const unit = ref(null);}const newUnit = () => { unit.value.insertEvent(); };子组件const insertEvent =()=>{//处理事件}原创 2021-07-28 12:01:48 · 646 阅读 · 0 评论 -
Vue3 子调父
父组件<EmbroideryUnit @elDropdownItemfn='elDropdownItemfn'></EmbroideryUnit>子组件emits: ["elDropdownItemfn"], setup(props, {emit}) { const elDropdownItem = (e,val,type) => { console.log("e:", e); emit("elDropdownItemfn"原创 2021-07-28 11:54:10 · 319 阅读 · 0 评论 -
全面总结 Vue 3.0 的新特性
Vue3.0从20年九月发布第一个One Piece版本,到现在一直在更新优化;中文版的官方文档也已经放出;那么作为终端用户的我们来看下Vue3新增了哪些功能和特性。尤大大在B站直播时分享了Vue3.0的几个亮点: Performance:性能优化 Tree-shaking support:支持摇树优化 Composition API:组合API Fragment,Teleport,Suspense:新增的组件 Better TypeScript suppo原创 2021-07-28 09:52:27 · 28334 阅读 · 19 评论 -
Vue3中的兄弟组件的数据传递
安装并使用mitt不需要写任何复杂的代码,使用方式和vue2几乎无差别$ npm install --save mitt挂载//main.js中import mitt from "mitt"import { createApp } from "vue" const app = createApp({})//正常配置//挂载事务总线app.config.globalProperties.$bus = new mitt()使用//在组件A中使用事务总线触发某个动作t原创 2021-07-27 15:26:07 · 405 阅读 · 0 评论 -
Vue3.x知识地图
转载 2021-07-13 11:15:30 · 428 阅读 · 0 评论 -
vue3 获取当前路由参数
<script>import {useRouter, useRoute} from 'vue-router'export default { setup(){ // 获取路由器实例 const router = useRouter() //使用 //router.push..... 等等方法 // route响应式对象,监控变化,传值 const route = useRoute //获取 处理route.query 等等 }}</sc.原创 2021-07-08 11:42:58 · 13583 阅读 · 0 评论 -
VUE3 Composition API详解
LifeCycle Hooks在新版的生命周期函数,可以按需导入到组件中,且只能在setup()函数中使用.import { onMounted, onUnmounted } from 'vue';export default { setup () { onMounted(()=>{ // }); onUnmounted(()=> { // }); }...转载 2021-06-23 16:38:29 · 9463 阅读 · 0 评论 -
Composition API初体验
Composition API初体验介绍Composition API的主要思想是,我们将它们定义为从新的setup函数返回的JavaScript变量,而不是将组件的功能(例如state、method、computed等)定义为对象属性。案例对比下面是一个经典的vue2的计数器案例.//Counter.vueexport default { data: () => ({ count: 0 }), methods: { increm...转载 2021-06-23 15:49:55 · 153 阅读 · 0 评论