vue
文章平均质量分 93
星星xin
这个作者很懒,什么都没留下…
展开
-
VUE(七):vue-router
(1).一个路由就是一组映射关系(key - value)(2).key 为路径, value 可能是 function 或 component。原创 2023-01-05 16:31:43 · 518 阅读 · 0 评论 -
VUE(六):vuex
(1).概念:专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应 用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方 式,且适用于任意组件间通信。(2).Github 地址: https://github.com/vuejs/vuex。原创 2023-01-05 16:29:41 · 275 阅读 · 0 评论 -
VUE(一):模板语法、数据绑定、 MVVM模型、数据代理
一套用于构建用户界面的渐进式JavaScript框架(渐进式:Vue可以自底向上逐层的应用)原创 2022-12-02 23:12:01 · 569 阅读 · 0 评论 -
VUE(二):事件处理、computed和watch、样式绑定、条件渲染
1.class样式 写法:class=“xxx” xxx可以是字符串、对象、数组。类名不确定,要动态获取。要绑定多个样式,但是不确定绑定哪几个,就写成数组,省的一个一个绑定。要绑定多个样式,而且要动态决定用不用,这里面可以写一些判断的逻辑。2.style样式:style="{fontSize: xxx + 'px'}"其中xxx是动态值。:style="[a,b]"其中a、b是样式对象。原创 2022-12-02 23:35:08 · 820 阅读 · 0 评论 -
VUE(三):列表渲染、收集表单数据、过滤器、自定义命令
Vue检测数据的原理:1、vue会监视data中所有层次的数据2、如何监测对象中的数据? 通过setter实现监控,且要在new Vue时就传入要监测的数据 (1)对象中后追加的属性,Vue默认不做响应式处理 (2)如需给后添加的属性做响应式,请使用已下API或3、如何监测数组中的数据? 通过包裹数组更新元素的方法实现,本质就是做了两件事: (1) 调用原生对应的方法对数组进行更新 (2) 重新解析模板,进而更新页面。原创 2022-12-03 00:04:06 · 444 阅读 · 0 评论 -
VUE(四):生命周期+非单文件组件
常用的生命周期钩子:1.mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】2.beforeDestory:清除定时器、解绑自定义事件、取消订阅等【首位操作】关于销毁vue实例1.销毁后借助vue开发者工具看不到任何信息2.销毁后自定义事件会失效,但原生DOM事件依然有效第二章:Vue组件化编程2.1 非单文件组件2.1.1 基本使用组件的定义:实现应用中局部功能代码和资源的集合Vue中使用组件的三大步骤: 一、定义组件(创建组件) 二、注册组件 三、使用组件原创 2022-12-05 15:25:00 · 264 阅读 · 0 评论 -
VUE(五):配置脚手架+ref与props+mixin混入+插件+本地存储+组件自定义事件+全局事件总线+消息订阅与发布+nextTick+动画
1.一种组件间通信的方式,适用于:子组件 ===> 父组件2.使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)3.绑定自定义事件:或-- 通过父组件给子组件绑定一个自定义事件实现:子给父传递数据(第一种写法:使用@或v-on) -->-- 通过父组件给子组件绑定一个自定义事件实现:子给父传递数据(第二种写法:使用ref) -->..........mounted(){原创 2023-01-05 16:19:34 · 413 阅读 · 0 评论