随笔分类 -  vueJS

一个前端比较流行的MVVM框架
Vue-cli3.0实战探究
摘要：随着时间的推进，我们迎来了vue-cli3.0的面世，越来越图像化和傻瓜式，方便了前端开发的入门。 此文仅以MacOS为例： vue-cli的安装 npm install -g @vue/cli # OR yarn global add @vue/cli npm install -g @vue/cl 阅读全文
posted @ 2018-07-17 19:07 云中一樵夫 阅读(1472) 评论(0) 推荐(0)
Vue中的代理Proxy和$ref
摘要：一、 代理Proxy 1. 介绍 1. Proxy又称为代理。在现实生活中，大家对代理二字并不会太陌生，比如某产品的代理。打个比方来说，我们要买一台手机，我们不会直接到一家手机厂去买，会在手机的代理商中买。 2. 在JavaScript中，Proxy用于修改某些操作的默认行为，等同于在语言层面做出修 阅读全文
posted @ 2018-07-10 15:35 云中一樵夫 阅读(4405) 评论(0) 推荐(0)
vue 分享知识点
摘要：vue 分享模块清单 1.Vue 2.0之Vue实例和生命周期 2.vue 2.0之自定义指令 3.vue 2.0之观察者模式实现简单异步无限滚动 4.从JavaScript属性描述器剖析Vue.js响应式视图 5.Vue响应式及其缺陷 6.Vue 2.0之Vue中的响应式 7.Vue 2.0之Vue中的代理Proxy 8.使用$refs访问Vue中的DOM 9.Vue 2.0之在Vue中使用样... 阅读全文
posted @ 2018-05-17 14:46 云中一樵夫 阅读(543) 评论(0) 推荐(0)
Vue前端框架面试问题
摘要：1、active-class是哪个组件的属性？嵌套路由怎么定义？ 答：vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？ 答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的 阅读全文
posted @ 2018-03-14 09:24 云中一樵夫 阅读(1572) 评论(0) 推荐(0)
nuxt踩过的坑
摘要：nuxt.js 简单介绍 nuxt官网：https://zh.nuxtjs.org/ 1、nuxt.js的原理图： 具体的原理介绍官网有详细的解释，欢迎移步官网，这里不再复述。 2、nuxt.js的优势 1）就是我们无需为了路由划分而烦恼，你只需要按照对应的文件夹层级创建 .vue 文件就行 2）无 阅读全文
posted @ 2017-12-29 17:10 云中一樵夫 阅读(1538) 评论(0) 推荐(0)
vue view 表单验证正常逻辑
摘要：<template> <Form ref="formInline" :model="formInline" :rules="ruleInline" inline> <FormItem prop="user"> <InputNumber :max="100" :min="0" step="1" v-m 阅读全文
posted @ 2017-11-27 22:59 云中一樵夫 阅读(1641) 评论(0) 推荐(0)
vue 监听对象里的特定数据
摘要：vue 监听对象里的特定数据变化 通常是这样写的，只能监听某一个特定数据 要监听一个对象里的某一个数据比如这样的 特定一个数据变化需要 完美 阅读全文
posted @ 2017-11-09 14:18 云中一樵夫 阅读(4886) 评论(0) 推荐(2)
vue 项目中命名方法
摘要：命名 命名的方法通常有以下几类： 命名法说明 1).camel命名法，形如thisIsAnApple 2).pascal命名法，形如ThisIsAnApple 3).下划线命名法，形如this_is_an_apple · 4).中划线命名法，形如this is an apple 说明： 所有的名称， 阅读全文
posted @ 2017-10-27 14:32 云中一樵夫 阅读(7695) 评论(0) 推荐(2)
点将产品前端架构重构
摘要：1.开发规范 此规范分为两个大部分：目录规范和编码规范；此为前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性。好的编码规范能让代码风格统一，以便于代码审查和后续开发。 1.1.目录规范 以点将啦为基础主要的设计目标是项目开发的目录结构保持一致，使容易理解并方便构建与管理。手录比较 阅读全文
posted @ 2017-10-02 22:04 云中一樵夫 阅读(352) 评论(0) 推荐(0)
vue数组进行分组
摘要：数组进行分组使用switch方法 阅读全文
posted @ 2017-09-17 16:24 云中一樵夫 阅读(6836) 评论(0) 推荐(0)
vue实现非路由跳转以及数据传递
摘要：定义一个父组件 再定义一个子组件 将父组件的数据通过porps传递到子组件,子组件通过this.$emit(‘触发的事件函数’，要传输的数据) 就目前来说（组件之间传递数据共有三种方法）： 1.通过父子组件之间的通信 2.通过vuex 3.通过路由传参 要说的就这么多，晚安~~~ 阅读全文
posted @ 2017-09-17 01:16 云中一樵夫 阅读(930) 评论(0) 推荐(0)
vue中过滤器比较两个数组取相同值
摘要：在vue中需要比较两个数组取相同值 一个大数组一个 小数组，小数组是大数组的一部分取相同ID的不同name值 有两种写法，两个for循环和map写法 在vue中就可以使用了 阅读全文
posted @ 2017-09-15 09:47 云中一樵夫 阅读(13718) 评论(0) 推荐(0)
iview中使用Tag时进行数据的变化和实现将输入内容转化为标签输出数组
摘要：上代码 相关演示（FQ可看）：youtube 阅读全文
posted @ 2017-09-11 23:26 云中一樵夫 阅读(5528) 评论(0) 推荐(0)
解决导航下图片不能按需加载的问题减少对资源请求数量
摘要：问题描述：在一个三段式的navbar中，各段下面有一个长图（类似这样的） 在优化之前需要加载三张大图这无疑增加了资源请求数量 因此，我想到了将图片转换为背景以此减少请求没想到方案是可行的，上代码 重点来了 完美解决 阅读全文
posted @ 2017-08-27 15:32 云中一樵夫 阅读(340) 评论(0) 推荐(0)
对vue生命周期/钩子函数的理解
摘要：对于实现页面逻辑交互等效果，我们必须知晓vue的生命周期，才能愉快的玩耍，知道我们写的东西应该挂载到哪里，vue官方给出的api讲解的那叫一个简单啊，如下： 所有的生命周期钩子自动绑定this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法( 阅读全文
posted @ 2017-08-26 14:30 云中一樵夫 阅读(41211) 评论(3) 推荐(6)
Vue 实例中的生命周期钩子
摘要：Vue 框架的入口就是 Vue 实例，其实就是框架中的 view model ，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 Vue 实例 在文档中经常会使用 vm 这个变量名表示 Vue 实例，在实例化 Vue 时，需 阅读全文
posted @ 2017-08-24 20:36 云中一樵夫 阅读(982) 评论(0) 推荐(0)
Vue2.0父子组件之间和兄弟组件之间的数据交互
摘要：熟悉了Vue.js的同级组件之间通信，写此文章，以便记录。 Vue是一个轻量级的渐进式框架，对于它的一些特性和优点，请在官网上进行查看，不再赘述。 使用NPM及相关命令行工具初始化的Vue工程，目录结构如下 接着我们进入Demo，首先我们可以删除掉模板项目中src/components/Hello. 阅读全文
posted @ 2017-08-17 20:41 云中一樵夫 阅读(4856) 评论(0) 推荐(1)
mint-ui —— navbar和tab-container的区别
摘要：navbar的具体实现 1 <template> 2 <div class="page-navbar"> 3 <div class="page-title">Navbar</div> 4 <!-- navbar --> 5 <mt-navbar class="page-part" v-model=" 阅读全文
posted @ 2017-08-17 16:15 云中一樵夫 阅读(4155) 评论(0) 推荐(0)