weixin_44645309的博客

官网上setup语法糖相关用法示例给的不全生命周期<script setup> // mounted onMounted(() => { console.log('Component is mounted!') })</script>获取dom<template> <div ref="home"></div></template><script setup>

给组件添加一个key，当key的值改变，组件就会重新挂载。<Bar :key="refreshKey" />修改refreshKey的值即可。

计算属性一、计算属性不是函数<div id="app"> {{reversedMsg()}}</div>new Vue({ el: '#app', data: { msg: 'hello' }, computed: { reversedMsg() { return this.msg.split('').reverse().join('') } }})程序执行后会

vue的生命周期前言​ 一个vue实例从创建->挂载->更新->销毁的这整个过程，称为该实例的生命周期。用户可以在不同阶段通过生命周期钩子函数，来添加自己的代码。每个阶段有一对钩子，下面按顺序详解。生命周期钩子一、创建beforeCreate：此时data和methods中的数据还没有初始化<div id="app"></div>new Vue({ el: '#app', data: { msg: '厕所打你'

组件的使用方法（1）创建组件构造器var cpnC = Vue.extend({ template: `<div></div>` })（2）注册组件//全局组件Vue.component('cpn',cpnC)//（该组件的标签名，组件构造器）//局部组件var app=new Vue({ el: "#example", components: { cpn: cpnC }})ps:语法糖