欢迎光临
我们一直在努力

前端框架VUE

Vue 哈希路由(hash模式)和历史路由(history模式)的区别

NEW

散人研阅读(9)评论(0)赞(0)

随着 ajax 的使用越来越广泛,前端的页面逻辑开始变得越来越复杂,特别是spa的兴起,前端路由系统随之开始流行。 从用户的角度看,前端路由主要实现了两个功能(使用ajax更新页面状态的情况下): 记录当前页面的状态(保存或分享当前页的ur...

Vue 父子组件的生命周期顺序

NEW

散人研阅读(15)评论(0)赞(1)

加载渲染过程 1、同步引入时生命周期顺序为: 父组件的beforeCreate、created、beforeMount --> 所有子组件的beforeCreate、created、beforeMount --> 所有子组件的m...

mixin基础使用与抽离组件公共逻辑

NEW

散人研阅读(15)评论(0)赞(0)

简介 混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 以上是官网的定义,mixin的作用是多个组件可以共享数据和方法,在...

Vue 动态组件

NEW

散人研阅读(18)评论(0)赞(0)

Vue 动态组件 简介 多个组件使用同一挂在点,并可以进行动态切换,这就是动态组件。 基本使用 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动态组件 <div id="ex...

$nextTick 与 Vue DOM异步更新

散人研阅读(10)评论(0)赞(1)

Vue 中的 nextTick 涉及到 Vue 中 DOM 的异步更新。 Vue 实现响应式并不是数据发生变化之后DOM立即变化,而是按照一定的策略进行DOM的更新。 $nextTick 是在下次DOM更新循环结束之后执行延迟回调,在修改数...

记录一次Vue scss/sass scoped穿透问题

散人研阅读(32)评论(0)赞(0)

在vue组件中通常要使用scoped样式属性,但有时候需要穿透样式,怎么办? 很多资料都说用>>> 或者 /deep/ 在style中直接使用>>>就可以了 很方便 在less中,可以使用/deep/ 但...

vue 单页面应用 公共设施的基础配置

散人研阅读(39)评论(0)赞(0)

我们项目开发中肯定需要对一些公共的方法进行封装使用,这里我把它称之为公共设施,那么我们可以在 src 目录下建一个 common 文件夹来存放其配置文件: └── src └── common ├── index.js # 公共配置入口 ├...

vue 单页面应用 公共接口的基础配置

散人研阅读(39)评论(0)赞(0)

在项目的开发过程中,我们也少不了与后台服务器进行数据的获取和交互,这一般都是通过接口完成的,那么我们如何进行合理的接口配置呢?我们可以在 src 目录下新建 services 文件夹用于存放接口文件: └── src └── service...

vue 单页面应用 vuex的基础配置

散人研阅读(39)评论(0)赞(0)

除了 vue-router,如果你的项目需要用到 Vuex ,那么你应该对它有一定的了解,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。这里我们先来看一下使用 CLI 生成的配置文件 store.js 中的内容: impo...

vue 单页面应用 路由的基础配置

散人研阅读(37)评论(0)赞(0)

简介 Vue 项目配置主要包管理文件配置/webpack配置/环境配置/路由配置/Vuex配置/借口配置/公共设施配置七个方面,本片文章主要介绍如何在Vue中如何配置router。 基础配置 由于Vue框架由一个或多个单页面构成,在单页面内...

基于 vue-cli3.0 的移动端项目适配

散人研阅读(58)评论(0)赞(0)

基于 vue-cli3 的 vue 移动端样式适配 简介 lib-flexible 为页面自动添加 标签,根据屏幕分辨率大小的不同,调整根元素html的font-size的值从而达到每个元素宽高自适应变化,以适配不同的屏幕。 postcss...

Vue父子组件传值

散人研阅读(92)评论(0)赞(0)

父组件向子组件传值 思路:父组件引入子组件,并在子组件标签上使用v-bind绑定值,子组件通过props进行接收。 子组件向父组件传值 思路:在子组件中创建事件,通过$emit触发自定义事件并传值,该自定义事件绑定在父组件引入时的子组件标签...

Vue中的组件使用注意事项

散人研阅读(99)评论(0)赞(0)

HTML 规范 根据HTML5规范,tr外边必须包裹tbody,否则不能正常解析。因此当我们在一个组件中只写tr/td,他会自动包裹一个tbody,为了防止这种事情发生,我们可以通过is解决: 同样的,列表ul/ol/li,select等也...

Vue.set方法保持数组视图实时更新

散人研阅读(70)评论(0)赞(0)

简介 Vue开发会遇到一个问题,创建一个实例后,我们修改该实例中的数组的值,并不会触发视图更新,如: 通过set()方法修改: 参数1:要修改的对象 参数2:key 参数3:value 返回值:已经修改好的值 事实上,在Vue中有三种方法可...