Vue.js
文章平均质量分 90
再学习一点
编程一整夜,初升的太阳,透过窗户,照在了屏幕上。在此记录我的学习之路.....
展开
-
Eslint配置代码风格
专注于代码格式化的插件,使代码更加美观。原创 2023-12-09 11:15:17 · 264 阅读 · 0 评论 -
vue补充继上一篇
作用和场景顶层组件向任意的底层组件传递数据和方法,实现夸层组件通信夸层传递普通数据1.顶层组件通过provide函数提供数据2.底层组件通过inject函数获取数据子孙修改爷爷中的数据:可以给子孙传递一个修改该数据的方法Pinia是Vue的最新状态管理工具,是Vuex的替代品1.提供更加简单的API(去掉了mutation)2.提供符合,组合式风格的API(和vue3新语法统一)3.去掉了modules的概念,每一个store都是一个独立的模块。原创 2023-10-14 10:53:34 · 322 阅读 · 0 评论 -
Vue的学习补充
代码规范:一套写代码的约定规则。JavaScript Style规范说明 https://standardjs.com/rules-zhcn.html组件导入,无需注册。Vue3语法:组件导入,无需注册。new Vue()创建一个应用实例=>createApp()将创建实例进行封装,保证每个实例的独立封闭性。原创 2023-10-13 08:01:56 · 161 阅读 · 0 评论 -
Vue基础-综合案例(基于vue2)
vue-clivue脚手架)是vue官方提供的、快速生成vue工程化项目的工具。特点:①开箱即用②基于webpack③功能丰富且易于扩展④支持创建vue2和vue3的项目在实际开发中,前端开发者可以把自己封装的.vue组件整理、打包、并发布为npm的包,从而供其他人下载和使用。这种可以直接下载并在项目中使用的现成组件,就叫做vue组件库。拦截器会在每次发起ajax请求和得到响应的时候自动被触发。应用场景:①Token身份认证②Loading效果等等。原创 2023-07-27 19:21:23 · 670 阅读 · 0 评论 -
Vue-路由
路由(router)就是对应关系。路由分为两大类:①后端路由②前端路由通俗易懂的概念:Hash地址与组件之间的对应关系。vue-router是vue.js官方给出的路由解决方案。他只能结合vue项目进行使用,能够轻松地管理SPA项目中组件的切换。原创 2023-07-27 08:44:15 · 235 阅读 · 0 评论 -
Vue-组件高级(下)
是组件的占位符②通过is属性动态指定要渲染的组件名称is="要渲染的组件的名称">原创 2023-07-22 21:32:05 · 465 阅读 · 0 评论 -
Vue-组件高级(上)
watch侦听器允许开发之监视数据的变化,从而针对数据的变化做特定的操作。例如:监视用户名的变化并发起请求,判断用户名是否可用。在数据接收方,调用bus.on('事件名称',事件处理函数)方法注册一个自定义事件。父子关系父->子 属相绑定子->父 事件绑定父<->子 组件上的v-model兄弟关系EventBus后代关系全局数据共享vuex①能够掌握watch侦听器的基本使用定义最基本的watch侦听器、监听对象中单个属性的变化。原创 2023-07-21 13:38:21 · 318 阅读 · 0 评论 -
Vue中值的传递(父传子,子传父,子父同步)
②子组件中,通过props接收父组件传递过来的数据。属性绑定的形式,把数据传递给子组件。触发自定义事件,更新父组件中的数据。①在v-bind:指令之前添加。原创 2023-07-19 17:50:49 · 2388 阅读 · 0 评论 -
Vue-组件基础(下)
指的是:在封装组件时对外界传递过来的props数据进行合法性的校验,从而防止数据不合法的问题。使用数组类型的props节点的缺点:无法每个prop指定具体的数据类型在封装组件时,可以为prop属性指定自定义的验证函数,从而对prop属性的值进行更加精确的控制计算属性本质上就是一个function函数,它可以实时监听data中数据的变化,并return一个计算后的新值,供组件渲染DOM时使用。在封装组件时,为了让组件的使用者可以监听到组件内状态的变化,此时需要用到。原创 2023-07-18 09:43:03 · 355 阅读 · 0 评论 -
Vue-组件基础(上)
单页面应用程序(英文名:SinglePageApplication)简称SPA,顾名思义,指的是一个Web网站中只有唯一的一个HTML页面,所有的功能与交互都在这唯一的一个页面内完成。组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。例如:http://www.ibootstrap.cn/(Bootstrap可视化布局系统 (bootcss.com))所展示的效果,就契合了组件化开发的思想。原创 2023-07-15 21:42:37 · 524 阅读 · 0 评论 -
Vue基础入门
官方给出的概念:Vue是一套用于构建用户界面的前端框架。vue是一套用于构建用户界面的前端框架。原创 2023-07-12 08:21:17 · 423 阅读 · 0 评论 -
前端工程化与webpack
前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准.化。最终落实到细节上,就是实现前端的“4个现代化模块化、组件化、规范化、自动化概念:webpack是前端项目工程化的具体解决方案。主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。好处:让程序员把工作的重心放到具体功能的实现上,提高了前端开发效率和项目的可维护性。原创 2023-07-11 20:55:24 · 1009 阅读 · 0 评论 -
ES6语法
ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本,开发者不需要再额外学习AMD、CMD或CommonJS等模块化规范。ES6模块化规范中定义:每个JS文件都是一个独立的模块导入其他模块成员使用import关键字向外共享模块成员使用export关键字注意:第5行代码中的只是创建了一个形式上的异步操作。是ES8(ECMAScript2017)引入的新语法,用来简化Promise异步操作。原创 2023-06-28 09:10:04 · 138 阅读 · 0 评论