首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue3 学习
涅槃的小狮子
创建于2021-09-17
订阅专栏
vue3学习
暂无订阅
共12篇文章
创建于2021-09-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
VUE3使用自定义指令v-copy实现一键复制功能
VUE3使用自定义指令v-copy实现一键复制功能。功能点: textarea.select()和document.execCommand('Copy')。指令用到了mounted,updated等。
NO10 vueCli 项目中添加router
vue-router官网 app.vue main/index.vue router/index.js main.js
Vue3.0 UI组件库开发之插件开发方法、组件开发技巧
Vue3.0 UI组件库开发之插件开发方法、组件开发技巧 。开发插件:install 使用插件:use
NO9 vue3 Provide 和 Inject
下面的provide 和 Inject不是响应式 使用setup中的Provide 和 Inject实现父子组件传值的时候,子组件改变数据也会影响父组件
NO8 通过vueCli搭建vue3项目
使用Vue CLI搭建项目 先卸载:npm uninstall -g @vue/cli 然后安装 npm install -g @vue/cli 查看版本vue -V
NO7 用ts限制define(Emits 或 Props)的参数类型,限制函数传参类型
ts限制组件传参类型,默认是必须传值的,否则控制台会出现警告,引入组件的地方会出现红色提醒。如果不想必传在绑定参数的后面加?即可。 ts传参支持多种类型校验,一个参数可以传字符串、数组、boolean
NO6 在setup中定义变量(字符串,对象和数组)
在setup中定义变量(字符串,对象和数组),在setup中定义变量(字符串,对象和数组),在setup中定义变量(字符串,对象和数组)。
NO5 defineProps 、defineEmits 和 defineExpose
defineProps 和 defineEmits 只能在<script setup>中使用。父组件要想获取子组件的数据,可以使用defineExpose
NO4 使用vite搭建项目
使用vite搭建项目,setup语法糖使用、注意事项以及优势。(<script setup lang="ts">是单文件组件(SFC)中使用组合式API的编译时的语法糖。)
NO3 props传值和生命周期
父组件向子组件传值(props),没有在Props中接收的数据在content.attrs中接收,以及setup中生命周期的一些使用。
NO2 setup体验
VUE3合成API------setup中ref,reactive,toRefs,computed,watchEffect,watch基础体验。
NO1 HelloWorld
vue3学习之 hello world,vue3学习之 hello world,vue3学习之 hello world!!!