摘要：
一、与vue2的computed配置功能一致 二、用法 1、引入 import {computed } from 'vue'; 2、计算属性简写(get) setup(props, context){ let fullNmae = computed(() => { return person.fir 阅读全文
posted @ 2025-01-09 19:59
市丸银
阅读(315)
评论(0)
推荐(0)
摘要：
一、执行时机 在beforecreate生命周期函数前执行一次，且this为undefined 二、setup参数 1、props：值为对象，组件外部传递过来，且组件内部通过props:[]接受的值 a、外部组件传递 <Demon msg="Hello" :num="10"/> b、且内部组件接受 阅读全文
posted @ 2025-01-09 16:34
市丸银
阅读(74)
评论(0)
推荐(0)
摘要：
1、通过Proxy(代理)：拦截对象中任意属性变化，包括：属性的读写、添加、删除 2、通过Reflect(反射)：对被代理的属性进行操作 <script type="text/javascript"> new Proxy(data, { // 读书属性 get(target, prop){ retu 阅读全文
posted @ 2025-01-09 15:05
市丸银
阅读(8)
评论(0)
推荐(0)
摘要：
1、作用 定义一个对象的响应式数据(基本类型不用它，用ref) 2、使用 a、引入 import { reactive } from 'vue'; b、语法 const 代理对象= recative(源对象) 源对象可以是数组或对象，返回Proxy对象的实例对象 3、reactive定义的响应式是深 阅读全文
posted @ 2025-01-09 14:02
市丸银
阅读(14)
评论(0)
推荐(0)
摘要：
1、作用：定义响应式数据 2、语法 a、引用 import { ref } from 'vue'; b、创建 创建一个包含响应式数据的引用对象 let xx= ref(数据) c、JS操作 xx.value d、模板操作 {{xx}} 3、注意 数据可以是：基本类型，也可以是对象类型 基本类型需要. 阅读全文
posted @ 2025-01-09 11:58
市丸银
阅读(28)
评论(0)
推荐(0)
摘要：
1、setup是一个函数，注意有返回值 2、组件中所用到的：数据、方法等，均要配置在setup中 3、setup函数返回值(两种) a、返回对象，则对象中的属性、方法等在模板中可以直接使用 案例 <template> <h2>姓名：{{name}}</h2> <h2>年龄：{{age}}</h2> 阅读全文
posted @ 2025-01-09 11:20
市丸银
阅读(16)
评论(0)
推荐(0)
摘要：
一、脚手架创建 vue create 项目名 二、vite创建 # 创建工程 npm init vite-app <project-name> cd <project-name> # 安装依赖 npm install # 运行 npm run dev 阅读全文
posted @ 2025-01-09 09:38
市丸银
阅读(15)
评论(0)
推荐(0)
摘要：
一、移动端 1、nutui 2、Vant 3、Cube UI 4、Mint UI 二、PC端 1、Element UI https://element.eleme.cn/#/zh-CN 2、IView UI 3、Ant Design of Vue 三、Element UI 1、全局引入 2、按需引入 阅读全文
posted @ 2025-01-09 09:05
市丸银
阅读(42)
评论(0)
推荐(0)
浙公网安备 33010602011771号