vueday-01

Radsta

已于 2023-10-27 10:43:23 修改

阅读量44

点赞数

文章标签：前端 vue.js javascript

于 2023-10-16 20:20:12 首次发布

本文链接：https://blog.csdn.net/Radsta/article/details/133868137

版权

学习目标：

一、什么是vue.js

	1、用于构建创建用户界面的渐进式框架
	2、vue设计为自底向上逐层应用
	3、vue核心库只关注视图层
	4、核心理念：数据驱动视图，组件化开发

二、v-if和v-show

相同点：显示与隐藏元素
不同点：
		v-show：display:none 显示和隐藏元素
		v-if：通过删除dom元素
应用场景：
		只修改一次的时候使用v-if
		频繁修改的时候v-show

三、框架和库的区别

框架：完整的方案；对项目侵入性较大；更换框架需要重构整个项目。
库:提供部分功能；对项目侵入性较小；更改需求可更换其他库

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Radsta

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vueDay01总结

wanyue1999的博客

09-22

199

** vue ** vue是一套用于构建用户界面的渐进式框架 vue核心：vue核心库只关注视图层，易上手，便于与第三方库和既有项目的整合指令：本质就是自定义属性； vue中的指令都是以**v-**开头 v-cloak v-cloak 防止页面加载时出现闪烁问题 1.通过属性选择器，选择到带有属性v-cloak的标签，让它隐藏； 2.让带有插值语法添加v-cloak属性，在数据渲染完成后，v-...

Vueday01

big_lu的博客

11-29

196

正课: 原生API vs 函数库 vs 框架 Vue概述 MVVM框架数据绑定语法指令(directive) 原生API vs 函数库 vs 框架 DOM jQuery Vue 原生API：浏览器/平台已经实现的，咱们可直接使用的API 比如: DOM BOM 优: 万能缺: 繁琐函数库(library)：基于原生API，进一步封装的，更简化的一组函数的集合。 ...

参与评论您还未登录，请先登录后发表或查看评论

Vueday01①

东方空羽的博客

03-21

299

【代码】Vueday01。

vueday_01

Njhbsj的博客

09-22

vue的简单使用 1.v-model的使用 <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <b

vueday01——动态参数

m0_72678953的博客

10-17

367

我们现在来尝试一下，定义一个动态参数模拟点击事件按钮。v-on:的语法糖是@

vueday01——双向绑定

m0_72678953的博客

10-17

181

1.在template里面创建一个button（原生的不需要导入）2.在setup里面声明变量和方法，以及将其导出。

vueday01——自定义组件导入

m0_72678953的博客

10-17

183

这样我们就在HelloView.vue里面引入HelloLqd.vue作为子组件了，让 HelloView.vue逻辑更清晰。4. 最后在组件中使用大驼峰命名风格导入（这里请强制大驼峰，不然有种写法会让你崩溃！注意，@代替本项目src的目录，这样子引入末尾需要加上.vue 你可以给他取任意名字。1.在指定路径编写想要创建的组件。3.在vue3中需要在组件中申明。

vueday01——文本渲染与挂载

m0_72678953的博客

10-17

425

2.创建标签，分别渲染普通文本和html文本。1.定义html样式字符串。

小码哥教育笔记之VueDay01课程回顾

yanwuxie_的博客

11-08

597

一.邂逅Vuejs 1.1.认识Vuejs。 ●为什么学习Vuejs。 ●Vue的读音 ●Vue的渐进式 ●Vue的特点 1.2.安装Vue ●CDN引入 ●下载引入 ●npm安装 1.3.Vue的初体验 ●Hello Vuejs ○ mustache >体验vue响应式。 ●Vue列表展示 ○v-for ○后面给数组追加元素的时候，新的元素也可以在界面中渲染出来 ●Vue计数器小案例 ○事件监听: click >methods 1.4.Vue中的MVVM 1.5.创建Vue时,options可

vueday02 姓名案例-计算属性，天气案例-监视属性绑定class、style样式、条件渲染

weixin_58562753的博客

02-09

818

vueday02 姓名案例-计算属性，天气案例-监视属性，绑定样式

2021-07-13 vueday02案件渲染 v-if+v-for控制购物车显示与否 v+for遍历数组更新与检测过滤案例事件修饰符

m0_56274379的博客

07-13

174

1 style和class // class_obj: 'div_cls_red', //字符串 // class_obj: ['div_cls_red'], //数组 ---用的多 class_obj: {div_cls_red: true}, //对象 // style_obj: 'background: green'// 字符串 // style_obj: [{background:'red'},] //数组，原来的css样式的- 全都使用驼峰替换 style_obj: {background:'

VueDay06(组件反向传值，多层传值 )

Lonely_Game的博客

10-18

619

什么是单向数据流指的是父组件通过属性传值给子组件如果子组件修改了传过来的值，父组件的对应的属性是不会改变的，也就是说，渲染到页面的父组件数据是不会变的，所以，有父组件传给子组件的值不能反向修改(响应),但是父组件数据改变是可以改变子组件的值的,数据是单向的. 事件修饰符 @事件名.stop 阻止冒泡; @事件名.prevent 阻止默认事件; @事件名.capture 监听事件捕获; @事件名.self 阻止事件捕获、冒泡时触发函数，只能在目标阶段触发该函数如目标阶段节点不是该事件绑定的

【Vue】Vue2.0+Vue3.0学习笔记day12（路由）

weixin_58214412的博客

01-17

681

目录 117.路由的简介 118.路由的基本使用 119.几个注意点 120.嵌套（多级）路由 121.路由的query参数 122.命名路由 123.路由的params参数 124.路由的props配置 125.router-link的replace属性 126.编程式路由导航 127.缓存路由组件 128.两个新的生命周期钩子 129.全局前置路由守卫 130.全局后置路由守卫 131.独享路由守卫 132.组件内路由守卫 133.history模式与hash模式 134.element-ui基本

v3-06 vue安装+ vue语法(下篇)

pingzhuyan的博客

06-30

目录 1. 安装VUE脚手架 2. 续vue知识分支 2.1 分支结构(与java基础类似) 2.2. 循环结构 2.2.1 遍历数组 2.2.2遍历对象 2.2.3遍历集合 2.2.4数据: ---> 表单数据提交上下计算属性 1. 反转面试题计算属性与方法的区别钩子函数三种状态 1. 创建 2. 销毁 3. 修改总结: 效果加代码 day02总代码区:--------> 1. 安装VUE脚手架流程略... ..

登录功能开发 P167重点

最新发布

2303_81204446的博客

09-30

203

前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。

Vue实战教程：如何用JS封装一个可复用的Loading组件

Jiaberrr的博客

09-28

462

通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。

前端规范工程-2：JS代码规范（Prettier + ESLint）

Vinca@的博客

09-26

758

Prettier 主要关注代码的格式，而 ESLint 则关注代码的质量和规范。结合使用这两个工具，可以极大地提高代码的可读性和维护性，同时减少潜在的错误和不一致性。

前端面试经验总结2(经典问题篇)

rita_0567的博客

09-28

893

因为计算机技术的快速发展，所以程序员如果不能保持对技术的持续性学习，会更容易的被淘汰，我从来不觉得程序员是一个轻松的职业，但是程序员是我最热爱的职业，我做好了充足的准备让自己能够长期在前端行业深耕。既要扩充自己的知识宽度，同时又不要一味的追求学习的东西越多越来，今天学两天这个，明天学两天那个，工作中又没有得到使用的话，很快也都会忘记的。了解，贵公司主要是在xxx行业从事xxx业务，贵公司所处的行业是我非常看好的，我感觉贵公司的氛围我很喜欢，比如xxxx。遇到了哪些挑战，我如何在不利的条件下成长起来的。

构建.NET Core Web API为Windows服务安装包

学习和分享

09-28

298

请注意，以上步骤仅适用于将.NET Core Web API作为Windows服务安装。如果需要更高级的功能，例如服务启动类型、日志记录等，可能需要进一步的自定义和配置。安装完成后，.NET Core Web API将作为Windows服务在目标服务器上运行。可以通过NuGet包管理器或在.csproj文件中手动添加引用。方法，以便将Web API应用程序作为Windows服务运行。创建一个新的.NET Core Web API项目或使用现有的项目。文件夹中，找到发布的Web API应用程序和安装脚本。