Vue
文章平均质量分 84
JungleiRim
Stay hungry stay foolish.
展开
-
Vue入门篇:样式冲突scoped,data函数,组件通信,prop & data单向数据流,打包发布
说明:当打包构建应用时,JavaScript包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由。:默认情况下,需要放到服务器根目录打开,如果希望双击运行,需要配置publicPath配成相对路径。单向数据流:父级prop的数据更新,会向下流动,影响子组件。每次创建新的组件实例,都会新执行一次data函数,得到一个新对象。, dist中的文件就是打包后的文件,只需要放到服务器中即可。:vue脚手架工具已经提供了打包命令,直接使用即可。:默认组件中的样式会作用到全局。原创 2024-05-01 19:06:13 · 495 阅读 · 0 评论 -
Vue入门篇:生命周期,钩子函数,工程化开发Vue(脚手架安装),组件化开发(全局注册,局部注册)
①核心包传统开发模式:基于 html / css / js 文件,直接引入核心包,开发Vue。Vue生命周期:一个Vue实例从创建到销毁的整个过程。(例如: webpack )的环境中开发Vue。①template:结构(有且只能一个根元素):整个应用最上层的组件,包裹所有普通小组件。Vue CLI是Vue官方提供的一个。①创建.vue文件(三个组成部分)①创建.vue文件(三个组成部分)组件分类:普通组件、根组件。②在使用的组件内导入并注册。Vue生命周期过程中,会。:只能在注册的组件内使用。原创 2024-04-26 23:39:00 · 983 阅读 · 0 评论 -
Vue入门篇:指令修饰符,v-bind(操作class,操作style),v-model应用常见表单元素,计算属性,watch侦听器
例如,一个watch侦听器可以监视用户的输入表单字段,当用户输入变化时,它可以执行验证输入的逻辑并更新界面中的错误消息。总结:v-bind:class指令可以实现对样式的动态控制,可以根据布尔值、数组或计算属性来决定是否添加某个class。在上述例子中,元素会始终有一个base的class,并且根据isActive和error的值来添加active和error class。总的来说,watch侦听器是一种非常有用的工具,可以帮助我们更好地响应数据的变化,并执行相应的操作。依赖的数据变化,自动重新计算。原创 2024-04-25 21:42:32 · 1038 阅读 · 2 评论 -
Vue入门篇:概念,快速入门,插值表达式,核心特性,基本Vue指令
当我们将一个普通的JavaScript对象传入Vue实例的data选项时,Vue会递归遍历这个对象的所有属性,并使用Object.defineProperty()将它们转换为getter和setter,从而实现对每个属性的劫持。:Vue会在getter中收集当前属性的依赖,当该属性的值发生变化时,Vue会触发所有依赖该属性的地方进行更新。:一旦一个属性被劫持,当该属性的值发生变化时,Vue会自动触发一系列的更新操作,比如重新渲染视图或者执行其他响应逻辑,从而实现了数据驱动视图的更新。原创 2024-04-20 22:21:47 · 798 阅读 · 0 评论