1.什么是vuejs vue是基于javascript的前端渐进式框架 2.v-show 与 v-if 的区别? 3.如何动态绑定class? 4.计算属性和watch的区别...
vuex是一个专为vue. js应用程序开发的状态管理工具。适用于中大型单页应用。解决多个视图使用于同一状态或不同视图需要变更同一状态。不适用小型简单应用。小型简单应用更适合使用简单的store模式。vuex的状态存储是响应式的。
vue之vuex(十)一、vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发...
一、vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发...
vue中的交互用axios。axios使用时需要挂靠在vue的原型prototype上。
axios可以用get请求。post请求。通用请求。以及并发请求四种方式。
axios支持为其所支持的请求方法提供别名。
vue之交互Axios(九)一、axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 二、下载安装 三、发送请求 <1>get ...
一、axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 二、下载安装 三、发送请求 <1>get ...
路由就是指向的意思。客户端中的路由原理实际上dom元素的显示和隐藏。
路由的三个基本概念。
①route:指一个路由。是一个单数。
②routes:指一组路由。把每一条路由组合起来。串接起来形成一个数组。
③router:它是一个机制。相当于一个管理者。管理所有的路由。
路由在使用时需要use
路由跳转方式:router-link
①静态路由跳转:router-link to
②动态路由跳转:router-link :to
③编程式导航:this. $router. push({path:“”})
④命名路由:
给路由对象一个名称。name
在router-link 的 to属性中描述这个规则
通过名称找路由对象。获取其path生成自己的href
⑤嵌套路由。可以设置子路由
⑥路由重定向和别名。通过设置的别名也可以访问到
路由跳转模式。hash
路由导航守卫
一:全局导航守卫
①全局前置导航守卫 router.beforeEach
②全局后置导航守卫 router.afterEach
二:路由独享守卫 beforeEnter
三:组件内的导航守卫
①beforeRouteEnter 进入组件时调用
②beforeRouteUpdate 当前路由改变,但是该组件被复用时调用
③beforeRouteleave 离开组件时调用
vue之路由(八)一、什么是路由? 网络原理中,路由指的是根据上一接口的数据包中的IP地址,查询路由表转发到另一个接口,它决定的是一个端到端的网络路径。 web中,路由的概念也是类似,根据UR...
一、什么是路由? 网络原理中,路由指的是根据上一接口的数据包中的IP地址,查询路由表转发到另一个接口,它决定的是一个端到端的网络路径。 web中,路由的概念也是类似,根据UR...
自定义动画是vue中的又一个钩子函数。入场。 before enter enter afterenter enter canceled。出场。 beforleave leave afterleave
leavecanceled。
v-enter和v-leave-to是一个动画的交接点
v-enter-to和v-leave是一个动画的交接点
vue之动画transition(七)Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。1.在 CSS 过渡和动画中自动应用 class2.可以配合使用第三方 CSS 动画库,如 Anim...
过滤器分为全局过滤器(Vue.filter(“过滤器名称”,callback))和局部过滤器(filters:{"过滤器名称":callback})。Vue中的过滤器不能替代Vue中的methods、computed或者watch过滤器可以写在双花括号插值和v—bind表达式。---璐
vue之自定义过滤器(六)一、过滤器介绍:1、在Vue中会通过过滤器(Filters)来渲染数据,使视图可读性更加优雅。2、Vue中的过滤器不能替代Vue中的methods、computed或者wat...
自定义指令分为全局自定义指令(directive)和局部自定义指令(directives)。自定义指令的生命周期也是一个钩子函数。bind。绑定元素时被调用。只调用一次。inserted。绑定了指令元素插入到父元素上时触发。updated。所在组件的VNode更新时调用。componentUpdate指令所在的组件的VNode以及其子VNode全部更新后调用。unbind指令和元素解绑的时候调用。只调用一次。——璐。
vue之自定义指令(五)在Vue中除了默认的核心指令,Vue 也允许注册自定义指令。在Vue里代码复用的主要形式和抽象是组件。然而有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自...
在Vue中除了默认的核心指令,Vue 也允许注册自定义指令。在Vue里代码复用的主要形式和抽象是组件。然而有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自...
vue的生命周期又叫钩子函数。是钩子函数的一种。分为四个阶段(创建。挂载。更新。销毁)。八个状态。(beforeCreate。created。beforeMount。mounted。befoerUpdata。update。beforeDestroy。destroyed。)——璐。
vue之生命周期(四)1.什么是生命周期 官方定义:任何 Vue 实例在被创建时都要经过一系列的初始化过程,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在...
在写代码时。常常忘记写最外层的div标签。从而导致页面无法渲染。template的DOM结构必须被一个元素包含。而且最外层只能有一个根的<div>标签。data需以函数的形式的出现。父子传值。props。子传父。$emit。兄弟传值。bus。$emit在发送方。$on在接收方。跨级传值。provide里放的是要发送的数据。inject里放的是要接收的数据。插槽的作用相当于一个占位符。用slot元素作为承载分发内容的出口。———璐。
vue之组件(三)一、什么是组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。 二、组件用法 组件需要注册后才可以使用,注...
一、什么是组件 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。 二、组件用法 组件需要注册后才可以使用,注...
文章全面的总结了vue中的事件。了解其语法及简写。以及这样写的好处。同时也会联想到原生js和jQ中的事件监听。——璐。
vue之事件(二)vue中可以使用v-on进行事件处理。当然v-on也有简写方式 [@] 1.事件监听的好处?所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewMode...
看完这篇文章。不仅复习之前学过的指令。还拓展了一些没有接触过的指令。且有例子及渲染结果。很适合小白上手学习。---璐。
vue之指令(一)1.什么是指令? 解释:指令 (Directives) 是带有 v- 前缀的特殊属性作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM 常用指令: 1.v-...
1.什么是指令? 解释:指令 (Directives) 是带有 v- 前缀的特殊属性作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM 常用指令: 1.v-...