菜鸡后端的前端学习记录-2

前言

记录一下看视频学习前端的的一些笔记,以前对Html、Js、CSS有一定的基础(都认得,没用过),现在不想从头再来了,学学Vue框架,不定时更新,指不定什么时候就鸽了。。。。
忘了记一下看的视频了,有兴趣的可以去看一看,目前感觉讲的还不错,但是需要有一定基础:
【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】
(学习记录第二部分,都写到一个博客里太长了,不利于阅读复习)

最近项目有点忙,可能更新频率不会太高

Vue2

17 P48~P52 Vue生命周期

1. 生命周期简介
在这里插入图片描述
2. 生命周期挂载流程
请添加图片描述

  1. 常用钩子总结

df67986f7fb288599c1a3234ec95b9a.png

18 P53 组件的基本定义

5ab620b42a1b9817a18e8eb14877923.png
bdcc4204568e5cb377d4f81aaebc5f2.png
60336e96c891134cb443217bf726f5e.png

18 P55 非单文件组件的定义与使用

e7fded441fc48c9ae7553b757d67da5.png

18 P56 组件的几个注意点

4b11946188d4f1e84e56a3cbe5a10da.png

18 P57~P58 Vue实例(vm)与组件实例(vc(VueComponent))的关系

  1. VueComponent组件对象可服用 (个人看法:与vm类似继承中的父子关系,也可以看做不同接口的实现)

e7e0fd93bacc0bdd0873e9244a5877b.png

  1. 一个重要 的内置关系

947c28e6d2c7dfff8fe8740afed1a7a.png

04ce5a61c26f1af15d3acfc8d4f8d28.png

19 P60~PXX Vue脚手架实操

下面的视频练习居多,笔记类型的少,此处我会记录一些遇到的问题和笔记

  1. Vue脚手架报错–Component name “School“ should always be multi-word解决方法
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  lintOnSave:false  //关闭语法检查
}) 
  1. WebStorm中配置启动

image.png
image.png
3. 默认脚手架建立的index.html中标签的作用
在这里插入图片描述
4. render函数,运行时vue解析模板
在这里插入图片描述

5. 脚手架文件结构

image.png

6. vue.config.js配置文件

image.png

20 P65 Vue脚手架实操-ref属性的作用

image.png

21 P66 Vue脚手架实操-props配置项的用法

image.png

22 P67 Vue脚手架实操-mixin的用法

类似后端的公共静态方法封装
在这里插入图片描述

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

无名一小卒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值