关注
分享
爱在你心中
欢迎来到我的 CSDN 个人博客！我是一名热爱编程和技术分享的前端开发者，擅长于使用 JavaScript、CSS 和 HTML 等技术构建高质量的 Web 应用程序。在我的博客中，你将会发现一系列有关于前端开发的文章，包括最新的前端技术、最佳实践、以及我在实践中遇到的挑战和解决方案。我致力于将复杂的技术概念转化为易于理解的语言，让读者能够轻松地掌握并应用这些知识。此外，我也会分享一些个人成长和职业发展的经验，希望能够为读者提供一些有价值的参考。
我的博客将会定期更新，如果你对前端开发、Web 技术和编程感兴趣，欢迎订阅我的博客，与我一起探索前端开发的无限可能！
展开
-
第三十节——组合式API组件传值
/ 创建一个vuex并导出state: {num: 1},})封装input组件实现并实现双向绑定。原创 2023-11-16 08:00:00 · 309 阅读 · 0 评论 -
第二十九节——组合式API定义响应式数据
有些时候我们不希望数据进行响应式实时更新，可以通过toRaw获取ref或reactive引用的原始数据，通过修改原始数据，不会造成界面的更新，只有通过修改ref和reactive包装后的数据时才会发生界面响应式变化。原创 2023-11-15 08:00:00 · 270 阅读 · 0 评论 -
第二十七节——组合式API介绍
组合式API(Composition API)是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue组件。组合式API是Vue 3及 Vue 2.7 的内置功能。对于更老的 Vue 2版本，可以使用官方维护的插件@vue/composition-api。在Vue3中，组合式API基本上都会配合语法在单文件组件中使用.原创 2023-11-13 08:00:00 · 1014 阅读 · 0 评论 -
第二十三节——路由守卫
该钩子在全局守卫beforeEach和独享守卫beforeEnter之后，全局beforeResolve和全局afterEach之前调用，要注意的是该守卫内访问不到组件的实例，也就是this为undefined，也就是他在beforeCreate生命周期前触发。简单理解：导航守卫就是路由跳转过程中的一些钩子函数，再直白点路由跳转是一个大的过程，这个大的过程分为跳转前中后等等细小的过程，在每一个过程中都有一函数，这个函数能让你操作一些其他的事儿的时机，比如跳转前是否验证登录等，这就是导航守卫。原创 2023-11-10 08:00:00 · 235 阅读 · 0 评论 -
第二十一节——路由初识
前端路由指的是一种将浏览器URL与特定页面或视图关联起来的技术。在传统的Web开发中，当用户点击链接或者输入URL时，服务器会接收到请求并返回相应的HTML页面。而在前端路由中，当用户点击链接或者输入URL时，浏览器会根据路由规则对URL进行解析，并使用JavaScript控制页面的展示。前端路由通常使用JavaScript库来实现，比如React Router、Vue Router等。它们允许开发者定义路由规则，并根据这些规则来显示不同的组件或页面。原创 2023-11-08 08:00:00 · 151 阅读 · 0 评论 -
第十七节——指令
父组件{{ a }}LearnA,},data() {return {a: 1,},原创 2023-11-05 05:00:00 · 218 阅读 · 0 评论 -
第十六节——面试真题实战
根据创建时间升序。原创 2023-11-04 08:00:00 · 32 阅读 · 0 评论 -
第十节——Vue组件
组件(Component)是vue.js中很强大的一个功能，可以将一些可重用的代码进行封重用。所有的Vue 组件同时也是Vue 的实例，可以接受使用相同的选项对象和提供相同的生命周期钩子。一句话概括：组件就是可以扩展HTML元素，封装可重用的HTML代码，可以将组件看作自定义的HTML元素。在vue项目中，所有.vue结尾的文件都是一个组件引入组件后，需要在components对象里进行注册，注册后可以直接进行使用创建qf-button.vue文件原创 2023-10-30 08:00:00 · 149 阅读 · 0 评论 -
第九节——实战购物车功能
1、样例2、需求单选全选功能，并且可以互相联动 小计功能 总计功能 商品加减，数量为零时不能在减3、代码原创 2023-10-29 08:00:00 · 28 阅读 · 0 评论 -
第六节——Vue中的事件
-- 在button上定义点击事件 -->你好原创 2023-10-26 20:07:15 · 205 阅读 · 0 评论 -
第五节——Vue 中如何编写样式
默认情况下，只要导入了组件，不管组件有没有显示在页面中，组件的样式就会生效。CSS IN JS 的具体实现有 50 多种，比如：React常用（CSS Modules、styled-components）、 Vue常用（ 、css modules）等。如果你的引入了第三方库，如果你想修改第三方库的样式，直接通过dom查找，修改样式是没有效果的。在style标签上使用scoped，当 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。原创 2023-10-25 08:00:00 · 1369 阅读 · 1 评论 -
第四节——Vue属性绑定
Vue绑定属性一般是在属性名后面加 : 也就是 v-bind（不推荐使用v-bind），当使用 : 绑定html元素的属性后，属性就相当于参数，属性值为预期值，一般在实际应用中，: 绑定的属性值都是通过计算得来 或者 是一个通过判断时刻变化的值。该操作也叫动态属性在组件传值中经常使用。属性指的是Html元素的属性，例如a标签的title就是一个属性！原创 2023-10-24 08:00:00 · 250 阅读 · 0 评论 -
第三节——Vue 基础语法
-- 花括号中可以直接展示这个状态 -->/*** 在script中使用export default 导出一个对象* 在对象里面定义一个函数data* 在data函数里面return 一个 对象* 在return 的这个对象里面 可以直接定义当前组件的状态*/data () {return {// 定义的message状态message: "你好 vue"原创 2023-10-23 08:00:00 · 354 阅读 · 0 评论 -
第二节——Vue 基本介绍
它从模型中获取数据，并将数据转换成视图所需的格式，同时处理用户输入，并将用户操作传递给模型。主持人（Presenter）：充当了控制器的角色，处理用户输入并根据输入更新模型和视图。视图（View）：负责展示数据给用户，但通常比MVC中的视图更为被动，不直接处理用户输入。模型（Model）：同样负责处理应用程序的数据逻辑，与MVC和MVP中的模型类似。模型（Model）：负责处理应用程序的数据逻辑，通常包含数据的获取、处理和存储。模型（Model）：同样负责处理应用程序的数据逻辑，与MVC中的模型类似。原创 2023-10-22 08:00:00 · 233 阅读 · 0 评论 -
第一节——vue安装+前端工程化
learn-vue/README.md# 项目第三方依赖包# 一般用来存放静态依赖public/index.html# 存放项目源代码，注意只有放在scr目录下的文件才会被webpack打包src/assets/ # 存放静态目录component/ # 存放组件app.vue # 页面组件main.js # 入口文件。原创 2023-10-21 08:00:00 · 292 阅读 · 1 评论