前端
未读
Vue 递归组件(构建树形菜单)
对于一些有规律的 DOM结构,如果我们再一遍遍的编写同样的代码,显然代码是比较繁琐和不科学的,而且自己的工作量会大大增加,那么有没有一种方法来解决这个问题呢? 答案是肯定的,我们可以通过 递归 方式来生成这个结构,当然在 Vue 模板中也是可以实现的,我们可以在 Vue 的组件中调用自己本身,这样就
前端
未读
Vue 移动端适配方案
在移动端,通常都会使用 REM + FLEX 布局 来实现移动端的完美适配。 rem 就是根元素(html)的 font-size 属性。 Flex布局请参考:Flex 布局教程 当然,如果你使用的 UI 库是 Cube-UI 的话,那么这个库里面自带了适配方案,可以不使用下面的这种方案,如果使用别
前端
未读
Vue Class 与 style 动态绑定
一. class 的绑定 单个判断推荐 1,两个条件动态切换推荐5,多个推荐4 1. 对象语法(单个) 我们可以传给 v-bind:class 一个对象,以动态地切换 class 根据 isActive 的 true,false 变化,动态绑定单个 class <template>
<div :
前端
未读
Vue 自定义指令介绍
在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。
前端
未读
Vue 计算属性如何传参
📖. 前言 在 Vue 中,计算属性(computed)是从其他响应式属性派生的属性,是用于自动监听响应式属性的变化,从而动态计算返回值。计算属性(computed)通常是一个没有参数的函数。当然如果需要像调用方法一样给计算属性传递参数也是可以的, 本文介绍两种向计算属性传参的方法。 一. 返回函
前端
未读
vue-router 路由的使用
基本路由 创建需要的组件 <template>
<div class="login">
Login 组件
</div>
</template>
把组件导(import)到 router.js 中,然后在 routers 中设置匹配规则 import Login fr