![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
愤怒的大香蕉
这个作者很懒,什么都没留下…
展开
-
vue3语法糖自定义组件使用v-model
默认情况下,组件上的 v-model 使用 modelValue 作为 prop 和 update:modelValue 作为事件。我们可以通过向 v-model 传递参数来修改这些名称//father.vue<template> <div> {{bookTitle}} <Child v-model:title="bookTitle" v-model:name="name"></Child> {{name}}.原创 2022-03-08 15:08:54 · 2101 阅读 · 0 评论 -
vue3语法糖使用vuex
store/index.vueimport { createStore } from 'vuex'export default createStore({ state: { num:123 }, mutations: { ADDNUM (state) { state.num++ }, GETNUM (state,num) { state.num = state.num * num } }, actions: {原创 2022-03-02 16:19:15 · 915 阅读 · 0 评论 -
vue3语法糖父子组件传值 defineProps ,defineEmits,defineExpose
父组件<template> <div> <Child :num= "num" @chuyi='chuyi' @addNum="addNum" name = "乘"></Child> </div></template><script setup> import Child from './child.vue' import {ref} from 'vue' cons原创 2022-03-02 15:58:30 · 5821 阅读 · 0 评论 -
vue3语法糖 ref reactive
<template> <div> {{num}} {{obj}} </div></template><script setup> import {ref,reactive} from 'vue' const num = ref(0) const obj = reactive({ name:"张三", age:18 }) se原创 2022-03-02 15:48:11 · 771 阅读 · 0 评论