08 2021 档案

Vuex（二）
摘要：Vuex的核心概念 3.action action用于处理异步任务 如果通过异步操作变更数据，必须通过action，而不能用Mutation,但是在action中还是要通过mutation的方法间接变更数据 触发actions异步任务时携带参数 this.$store.dispatch()是触发ac 阅读全文
posted @ 2021-08-31 17:51 会飞的猪礼 阅读(57) 评论(0) 推荐(0)
Vuex(一)
摘要：组件之间共享数据的方式 父向子传值：v-bind属性绑定 子向父传值：v-on事件绑定 兄弟组件之间共享数据：EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件 Vuex概述 Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享 图示： 使用V 阅读全文
posted @ 2021-08-29 23:38 会飞的猪礼 阅读(58) 评论(0) 推荐(0)
uni-app（四）
摘要：condition启动模式配置 启动模式配置，仅开发期间有效，用于模拟直达页面的场景，如：小程序转发后，用户点击打开的页面。 实例：新建了个detail页面，通过浏览器输入地址打开 在微信开发者工具的普通编译那里会出现一个详情页，就是detail页面 组件的基本使用 uni-app提供了丰富的基础组 阅读全文
posted @ 2021-08-26 22:22 会飞的猪礼 阅读(74) 评论(0) 推荐(0)
uni-app(三)
摘要：页面的基本样式配置 小程序里的结果 浏览器的显示结果 配置tabbar 如果应用是一个多tab应用，可以通过tabBar配置项指定一级导航栏， 以及tab切换时显示的对应页。 配置tabbar网址：https://uniapp.dcloud.io/collocation/pages?id=tabba 阅读全文
posted @ 2021-08-25 23:56 会飞的猪礼 阅读(193) 评论(0) 推荐(0)
uni-app（二）
摘要：运行项目 1.在菜单栏中点击运行，运行到浏览器，选择浏览器即可运行； 2.在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app； 3.在微信开发者工具里运行：进入hello-uniapp 阅读全文
posted @ 2021-08-24 07:47 会飞的猪礼 阅读(149) 评论(0) 推荐(0)
uni-app（一）
摘要：uni-app介绍 1.uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 2.即使不跨端，uni-app同时也是更好的小程序开发框架。 3.具有vue和微信 阅读全文
posted @ 2021-08-23 07:56 会飞的猪礼 阅读(197) 评论(1) 推荐(1)
Vue入门到精通学习总结（八）
摘要：webpack 网页中引入的静态资源多了以后有什么问题？？？ 1. 网页加载速度慢， 因为 我们要发起很多的二次请求； 2. 要处理错综复杂的依赖关系 解决问题的方式： 1. 合并、压缩、精灵图、图片的Base64编码 2. 可以使用之前学过的requireJS、也可以使用webpack可以解决各个 阅读全文
posted @ 2021-08-23 07:46 会飞的猪礼 阅读(58) 评论(0) 推荐(0)
Vue入门到精通学习总结（七）
摘要：Vue组件 概念：组件是为了拆分Vue实例的代码量，让我们以不同的组件，来划分不同的功能模块， 我们需要什么样的功能，就去调用对应的组件。 组件化和模块化的区别： 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块的职能单一； 组件化：是从UI界面的角度进行划分的，前端的组件化 阅读全文
posted @ 2021-08-22 20:21 会飞的猪礼 阅读(77) 评论(0) 推荐(0)
Vue入门到精通学习总结（六）
摘要：vue的动画 语法格式：在需要使用动画的内容外面套一个transition标签 <transition name = "transdiv"> <div></div> </transition> 例子： <div id = "doing"> <button v-on:click = "show = ! 阅读全文
posted @ 2021-08-21 20:14 会飞的猪礼 阅读(73) 评论(0) 推荐(0)
Vue入门到精通学习总结（五）
摘要：Vue的生命周期函数 概念：从Vue实例的创建、运行、到销毁期间，会伴随各种事件的发生，这些事件统称为生命周期； 生命周期钩子：生命周期事件的别名； 生命周期钩子 = 生命周期函数 = 生命周期事件； 主要的生命周期函数分类： 1.创建期间的生命周期函数 beforeCreate:实例刚在内存中被创 阅读全文
posted @ 2021-08-20 09:42 会飞的猪礼 阅读(58) 评论(0) 推荐(0)
Vue入门到精通学习总结（四）
摘要：vue过滤器 vue.js允许自定义过滤器，可被用作一些常见的文本格式化； 过滤器可以用在两个方面：{{}}插值表达式和v-bind表达式； 过滤器应该被添加在js表达式的尾部，由管道符(|)指示 语法： //过滤器调用时候的格式 {{name | 过滤器的名称}} //过滤器的定义语法 Vue.f 阅读全文
posted @ 2021-08-19 23:52 会飞的猪礼 阅读(56) 评论(0) 推荐(0)
Vue入门到精通学习总结（三）
摘要：v-if和v-show v-if和v-show都有显示和隐藏元素的作用； v-if会直接删除或创建一个DOM元素，切换功能有较大的消耗，不宜频繁的使用 v-show是切换元素的display属性，none为隐藏，block为显示 品牌列表案例 <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2021-08-18 21:29 会飞的猪礼 阅读(77) 评论(0) 推荐(0)
Vue入门到精通学习总结（二）
摘要：事件修饰符 .stop阻止冒泡 .prevent阻止默认事件 如果不加.prevent默认事件，点击会直接跳转到百度页面 .capture添加事件侦听器使用事件捕获模式 不加capture就会先执行button再执行div: 加了capture捕获事件会先执行当前这个div再执行里面的button 阅读全文
posted @ 2021-08-18 00:08 会飞的猪礼 阅读(94) 评论(0) 推荐(0)
Vue入门到精通学习总结（一）
摘要：什么是Vue.js? Vue.js是目前最火的前端框架，React是最流行的框架 两者既可以开发网站，也可以开发手机APP Vue.js、React.js、Angular.js称为前端三大主流框架 Vue.js是一套构建用户界面的框架，只关注视图层，它有第三方类库，可以整合起来做大项目的开发 MVC 阅读全文
posted @ 2021-08-16 23:13 会飞的猪礼 阅读(149) 评论(0) 推荐(0)
5个案例快速入门Vue.js(2)
摘要：承接上一个 v-model v-model指令的作用是便捷的设置和获取表单元素的值 绑定的数据会和表单元素值相关联 绑定的数据↔表单元素的值 <!-- * @Descripttion: * @version: * @Author: 会飞的猪礼 * @Date: 2021-08-15 09:09:18 阅读全文
posted @ 2021-08-15 14:48 会飞的猪礼 阅读(199) 评论(0) 推荐(0)
5个案例快速入门Vue.js(1)
摘要：第一章Vue基础 第一个Vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vie 阅读全文
posted @ 2021-08-14 23:58 会飞的猪礼 阅读(145) 评论(0) 推荐(0)