yub4by - 博客园

2021年11月22日

摘要： 1 引言 2 什么是ref 3 使用ref引用DOM元素 3 使用ref引用组件实例 4 ref案例：控制文本框和按钮的按需切换 5 ref案例：让文本框自动获得焦点、this.$nextTick(cb) cb是指callback，回调报错原因：this.$refs.iptRef.focus()中阅读全文

posted @ 2021-11-22 18:07 yub4by 阅读(86) 评论(0) 推荐(0)

HMVue4.3【vue基础总结】

摘要：阅读全文

posted @ 2021-11-22 16:38 yub4by 阅读(32) 评论(0) 推荐(0)

HMVue4.2【组件间的数据共享】

摘要： 1 初始项目 npm run serve http://localhost:8080/ 2 课件 3 父组件向子组件共享数据自定义属性 props中的数据建议不要直接修改(容易报错)，要想修改，建议转存到data中再改 4 子组件向父组件共享数据自定义事件 5 兄弟组件间的数据共享 EventB 阅读全文

posted @ 2021-11-22 13:53 yub4by 阅读(37) 评论(0) 推荐(0)

2021年11月21日

HMVue4.1【组件的生命周期】

摘要： 1 课件 & vue组件生命周期图 2 初始项目 3 组件生命周期 3-1 组件创建阶段：beforeCreate() 3-2 组件创建阶段：created() 模板结构尚未生成，即dom尚不可用 3-3 两个黄色背景菱形判断框(no，仅el无template) + 两个绿色背景处理框(no，编译e 阅读全文

posted @ 2021-11-21 15:51 yub4by 阅读(37) 评论(0) 推荐(0)

HMVue3.5.5【vue编译器、组件实例对象】

摘要： 1 vue编译器 import Vue from 'vue' import App from './App.vue' //导入需要被全局注册的组件 import Count from '@/components/Count.vue' Vue.component('MyCount', Count) V 阅读全文

posted @ 2021-11-21 15:48 yub4by 阅读(56) 评论(0) 推荐(0)

HMVue3.5.4【组件间的样式冲突问题】

摘要： 1 课件 2 组件样式冲突问题 3 scoped的底层实现原理 4 scoped属性 <template> <div class="left-container"> <h3>Left 组件</h3> <hr>  <!-- <MyCount in 阅读全文

posted @ 2021-11-21 14:58 yub4by 阅读(45) 评论(0) 推荐(0)

HMVue3.5.3【组件间的props】

摘要： 1 组件left和组件right中的子组件count互不影响、单行代码函数简写 <template> <div> <h5>Count组件</h5>  <p>count的值是：{{count}}</p> <butt 阅读全文

posted @ 2021-11-21 11:12 yub4by 阅读(56) 评论(0) 推荐(0)

2021年11月20日

HMVue3.5.2【组件间的父子关系、使用组件的3个步骤、vscode中vue开发的一些插件】

摘要： 1 初始项目 2 课件因为没有在组件C中注册组件F；在组件C中用component注册组件F就可以用了 3 组件间的父子关系&使用组件的三个步骤 <template> <div class="left-container"> <h3>Left 组件</h3> </div> </template> 阅读全文

posted @ 2021-11-20 21:05 yub4by 阅读(49) 评论(0) 推荐(0)

HMVue3.5.1【vue组件】

摘要： 1 Test.vue 2 $mount 和 el <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na 阅读全文

posted @ 2021-11-20 18:29 yub4by 阅读(39) 评论(0) 推荐(0)

HMVue3.4【vue-cli】

摘要： 1 什么是单页面应用程序 2 什么是vue-cli 介绍 | Vue CLI (vuejs.org) 3 安装和使用vue-cli 3-1 课件 npm install 也可以写为 npm i 3-2 安装vue-cli & 查看本地vue版本 3-3 关于“在非管理员身份打开dos环境下，输入vu 阅读全文

posted @ 2021-11-20 14:55 yub4by 阅读(46) 评论(0) 推荐(0)

happy

To make a good person better.

公告