摘要: 一、引入 import {reactive, watch } from 'vue' 二、注意 1、监视reactive定义的响应式对象时,oldval无法正确获取,强制开启深度监视,无法关闭 2、监视reactive对象的某个属性时,deep有效(属性为对象),属性为字符串或数字 oldvalue可 阅读全文
posted @ 2025-01-09 23:25 市丸银 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 1、引用 import {ref, watch } from 'vue' 2、监视两种方法,属性ref,immediate deep可以直接写,比vue2简单 a、监听一个 // 第一种写法,监视 一个 immediate deep watch(num, (newVal, oldVal) => { 阅读全文
posted @ 2025-01-09 22:16 市丸银 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 一、与vue2的computed配置功能一致 二、用法 1、引入 import {computed } from 'vue'; 2、计算属性简写(get) setup(props, context){ let fullNmae = computed(() => { return person.fir 阅读全文
posted @ 2025-01-09 19:58 市丸银 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 一、执行时机 在beforecreate生命周期函数前执行一次,且this为undefined 二、setup参数 1、props:值为对象,组件外部传递过来,且组件内部通过props:[]接受的值 a、外部组件传递 <Demon msg="Hello" :num="10"/> b、且内部组件接受 阅读全文
posted @ 2025-01-09 16:34 市丸银 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 1、通过Proxy(代理):拦截对象中任意属性变化,包括:属性的读写、添加、删除 2、通过Reflect(反射):对被代理的属性进行操作 <script type="text/javascript"> new Proxy(data, { // 读书属性 get(target, prop){ retu 阅读全文
posted @ 2025-01-09 15:05 市丸银 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1、作用 定义一个对象的响应式数据(基本类型不用它,用ref) 2、使用 a、引入 import { reactive } from 'vue'; b、语法 const 代理对象= recative(源对象) 源对象可以是数组或对象,返回Proxy对象的实例对象 3、reactive定义的响应式是深 阅读全文
posted @ 2025-01-09 14:02 市丸银 阅读(4) 评论(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 市丸银 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1、setup是一个函数,注意有返回值 2、组件中所用到的:数据、方法等,均要配置在setup中 3、setup函数返回值(两种) a、返回对象,则对象中的属性、方法等在模板中可以直接使用 案例 <template> <h2>姓名:{{name}}</h2> <h2>年龄:{{age}}</h2> 阅读全文
posted @ 2025-01-09 11:20 市丸银 阅读(5) 评论(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 市丸银 阅读(5) 评论(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 市丸银 阅读(9) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示