当前位置: 首页 > news >正文

菜鸡后端的前端学习记录-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解析模板
在这里插入图片描述

http://www.lryc.cn/news/292571.html

相关文章:

  • Layui + Echarts 5.0
  • linux使用iptables禁用ip
  • 安全防御第五次作业
  • 分库分表原则
  • VUE PC端可拖动悬浮按钮
  • opencv0014 索贝尔(sobel)算子
  • Redis简介和数据类型
  • Day06-Linux下目录命令讲解及重要文件讲解
  • 睿尔曼超轻量仿人机械臂—外置按钮盒使用说明
  • PYTHON蓝桥杯——每日一练(简单题)
  • 【数据结构 01】栈
  • ⑩电子产品拆解分析-家用无线遥控开关433Mhz
  • java之手动创建spring-boot-3项目
  • Linux--redhat9创建软件仓库
  • [力扣 Hot100]Day20 旋转图像
  • golang网络编程day5
  • Swagger学习使用
  • SpringBoot使用poi将word转换为PDF并且展示
  • Java多线程--线程间的通信
  • vue + element 页面滚动计算百分比 + 节流函数
  • 【笔记】React Native实战练习(仿网易云游戏网页移动端)
  • Android SystemUI 介绍
  • 2024美赛数学建模A题思路分析 - 资源可用性和性别比例
  • 2024年数学建模美赛C题(预测 Wordle)——思路、程序总结分享
  • TryHackMe-File Inclusion练习
  • Leetcode 《面试经典150题》169. 多数元素
  • 百度输入法往选字框里强塞广告
  • 分享一个Qt使用的模块间通信类
  • 工作七年,对消息推送使用的一些经验和总结
  • 计网——应用层