学无边涯

2022年10月16日

摘要： <script> export default { data(){ return{ message:0, put1:'www.96net.com.cn', } }, methods:{ dianji(e){ console.log(e); } } } </script> <template> <di 阅读全文

posted @ 2022-10-16 20:22 学无边涯阅读(47) 评论(0) 推荐(0)

Vue事件不带参数和带一个参数

摘要： <script> export default { data(){ return{ message:0, put1:'www.96net.com.cn', } }, methods:{ dianji(p){ this.message++; console.log(p); } } } </script 阅读全文

posted @ 2022-10-16 20:19 学无边涯阅读(57) 评论(0) 推荐(0)

Vue中 export 和import用法

摘要：一，import import HelloWorld from './components/HelloWorld.vue' import TheWelcome from './components/TheWelcome.vue' import * as ss from './assets/expor 阅读全文

posted @ 2022-10-16 13:35 学无边涯阅读(173) 评论(0) 推荐(0)

2022年10月5日

高级vue setup两参数之属性

摘要：父组件 <script> import { computed, provide, watch } from 'vue' import {ref,reactive,toRefs} from 'vue' import Children from './components/children.vue'; 阅读全文

posted @ 2022-10-05 23:20 学无边涯阅读(49) 评论(0) 推荐(0)

高级vue 模板中 ref 的使用用法

摘要： ref + 普通dom标签获取真实dom对象 ref + 组件标签获取组件实例对象 <template> <h1 ref="h1Ref">www.96net.com.cn</h1> <ref-comoonent ref="comRef"></ref-comoonent> </template> 阅读全文

posted @ 2022-10-05 20:26 学无边涯阅读(68) 评论(0) 推荐(0)

高级vue setup 中provide和inject用法

摘要：父组件 <script> import { computed, provide, watch } from 'vue' import {ref,reactive,toRefs} from 'vue' import father from './components/father.vue' expor 阅读全文

posted @ 2022-10-05 20:08 学无边涯阅读(163) 评论(0) 推荐(0)

高级vue 组合api setup watch监听用法

摘要： <script> import { computed, watch } from 'vue'; import {ref,reactive,toRefs} from 'vue' export default{ setup(){ let data=reactive({ mes:6, userObj:{ 阅读全文

posted @ 2022-10-05 17:55 学无边涯阅读(160) 评论(0) 推荐(0)

高级vue 组合api setup computed 用法

摘要： <script> import { computed } from '@vue/reactivity'; import {ref,reactive,toRefs} from 'vue' export default{ setup(){ let data=reactive({ mes:6, userO 阅读全文

posted @ 2022-10-05 17:45 学无边涯阅读(132) 评论(0) 推荐(0)

高级vue 组合api setup toRefs 用法

摘要： <script> import {ref,reactive,toRefs} from 'vue' export default{ setup(){ let data=reactive({ mes:0, userObj:{ userName:'www.96net.com.cn' }, }); cons 阅读全文

posted @ 2022-10-05 17:29 学无边涯阅读(147) 评论(0) 推荐(0)

高级vue 组合api setup reactive用法

摘要： <script> import {reactive} from 'vue' export default{ setup(){ let data=reactive({ mes:0 }); const add=()=>{ //console.log('//1555'); data.mes++; cons 阅读全文

posted @ 2022-10-05 17:21 学无边涯阅读(23) 评论(0) 推荐(0)

公告