文章内容:uni-app之网络请求 参数名 类型 必填 默认值 说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuf...

文章内容:uni-app之网络请求 参数名 类型 必填 默认值 说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuf...
文章内容:uni-app生命周期和模版语法 uni-app 支持如下页面生命周期函数:onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面...
一、什么是uni-app? uni-app是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台 二、...
一、虚拟Dom简介 虚拟Dom的最初出现是在Rect中,性能卓越 二、什么是虚拟Dom? vdom可以看作是一个使用javascript模拟了DOM结构的树形结构,这个树结构...
计算属性(computed)计算属性的属性值必须是一个函数 两个属性值设置(get)和获取(set),默认只有get,set自己设置 set修改的只是依赖
方法(methods)
侦听属性(watch)
computed: 实时更新计算
1.简便逻辑操作
2.执行时只执行直接调用的变量
3.有缓存,如果数据不进行更新,则不会重新触发计算,从而节约性能
4.不便于操作异步
methods: 一方改变另一方才会伴随相应的改变 一般用于监听路由的改变
1.无缓存
2.视图更新时都会进行重新计算
watch:
1.重复性高
2.便于处理异步
vue之补充(十一)一、什么是计算属性? 计算属性是自动监听依赖值的变化,从而动态返回内容。监听是一个过程,在监听的值变化时,可以触发一个回调,并做一些事情。特点:<1>数据可以进行逻辑处理,减...
vuex 定义:状态管理模式
vuex也需要下载 npm install vuex --save
引入 import Vuex from 'vuex'
使用 Vue.use(Vuex)
state 状态 mustations 触发状态(同步) actions 异步分支 getters计算 computed计算属性
获取属性方法:
方法一:
this.$store.state.获取的东西
方法二:
import {mapState} from "vuex"
computed:{
...mapState(["获取的东西"])
}
方法三:
computed:{
num(){
return this.$store.state.获取的东西
}
}
方法四:
import {mapState} from "vuex"
computed:mapState(["获取的属性"]
辅助函数
import { mapState, mapMutations, mapGetters, mapActions } from "vuex"; ---宁
vue之vuex(十)一、vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发...
路由: 一、什么是express的路由? 路由表示应用程序端点 (URI) 的定义以及响应客户端请求的方式。它包含一个请求方式(methods)路径(path)和路由匹配时的...
改变原数组方法: 1、push():尾部添加,返回值是改变后的数组长度; 2、pop()尾部删除,返回值是删除的元素; 3、unshift()头部添加,返回值是改变后的数组长...
路由的跳转方式是基于hash和html5 history api。使用它之前首先要下载,下载:npm install vue-router --save,下载过的都需要引用,import Router from "vue-router",使用Vue.use(Router)。
路由跳转方式:router-link to帮助生成a标签的href。静态路由跳转:<router-link to="/">首页</router-link>;动态路由跳转:<router-link :to='{path:"/"}'>首页</router-link>;编程式导航:this.$router.push({path:"/"});命名路由:给路由对象一个name名称;嵌套路由:子路由写在children里;路由重定向和别名:redirect和alias;路由跳转模式:hash和history;路由导航守卫:分为全局导航守卫和路由独享守卫(beforeEnter)还有组件内的导航守卫,全局导航守卫又分为全局前置导航守卫(beforeEach)和全局后置导航守卫(afterEach)。组件内的导航守卫有beforeRouterEnter(进入组件时调用),beforeRouterUpdate(当前路由改变并且组件被复用时调用),beforeRouterleave(离开组件时调用)。 ---宁
vue之路由(八)一、什么是路由? 网络原理中,路由指的是根据上一接口的数据包中的IP地址,查询路由表转发到另一个接口,它决定的是一个端到端的网络路径。 web中,路由的概念也是类似,根据UR...
过滤器用来渲染数据。过滤器分为全局过滤器和局部过滤器,全局过滤器:Vue.filter(“过滤器名称”,callback),局部过滤器:filters:{"过滤器名称":callback}。过滤器可以用在两个地方:双花括号插值表达式和 v-bind 表达式。使用管道(pipe)符号指示:“|”。多个过滤器串联时,会将前一个过滤器的结果作为参数传给下一个过滤器。双向过滤器:把来自模型的值显视在视图之前转换它,也可以定义一个过滤器,在把来自视图(< input > 元素)的值写回模型之前转化它。
普通 过滤器用在 一般的元素上,数据由m层到 v 层 只是读
双向过滤器有用在 表单元素上, 数据双向流动 又读又写,但是如果在表单元素上用一般的过滤器就会出现bug --宁
vue之自定义过滤器(六)一、过滤器介绍:1、在Vue中会通过过滤器(Filters)来渲染数据,使视图可读性更加优雅。2、Vue中的过滤器不能替代Vue中的methods、computed或者wat...
1.什么是生命周期 官方定义:任何 Vue 实例在被创建时都要经过一系列的初始化过程,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在...
在vue中除了之前学过的指令还有自定义指令。全局自定义指令:Vue.directive("指令名称",callback),局布自定义指令:directives:{"指令名称",{}}。自定义指令的生命周期:
bind(el){ 当元素绑定时被调用,全局只执行一次
el:当前绑定元素
binding:操作绑定指定的方法
vNode:dom节点的操作
}
inserted(){ 当元素插入父级元素时被调用
封装节流和防抖的自定义指令
}
componentUpdate(){ 当主键内部的内容被修改时被调用(内部属性和方法改变时被调用)
如何触发componentUpdate?
}
upbind(){ } 当元素解绑是被调用
vue之自定义指令(五)在Vue中除了默认的核心指令,Vue 也允许注册自定义指令。在Vue里代码复用的主要形式和抽象是组件。然而有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自...
生命周期,程序在对应阶段所触发的状态,从实例创建vue对象到销毁的过程。生命周期分为四个阶段和八种状态:四个阶段:create 创建阶段 mount 挂载阶段 update 更新阶段 destroy 销毁阶段;八种状态:beforeCreate()相当于vue还没有创建 created()已经初始化好了Vue对象,一般放加载提示内容 beforeMount()内存中编辑完成 页面还没渲染 mounted() 已渲染到页面,实例已完全创建好 beforeUpdate() 时间执行时 内存中数据已刷新,页面的没有刷新 update()页面数据和内存中保持一致了,此时页面和内存都已更新 beforeDestroy() 当到这个阶段时已进入销毁阶段,但data和methods的属性和方法还可以使用 destroyed()到这个阶段时已完全销毁,实例中所有的东西都不能再使用。 ---宁
vue之生命周期(四)1.什么是生命周期 官方定义:任何 Vue 实例在被创建时都要经过一系列的初始化过程,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在...