Vue
周搏
这个作者很懒,什么都没留下…
展开
-
vue插件
UI组件http://www.jqsite.com/notes/1704205187.htmlelement ★11612 - 饿了么出品的Vue2的web UI工具套件Vux ★7503 - 基于Vue和WeUI的组件库iview ★5801 - 基于 Vuejs 的开源 UI 组件库mint-ui ★5517 - Vue 2的转载 2017-06-26 11:10:45 · 4261 阅读 · 0 评论 -
vue的风格指南
好记性不如烂笔头,总想看到的东西想记录一下。 原文链接:https://cn.vuejs.org/v2/style-guide/一 必要的 (如果您使用Vue就要用这样的风格,个人理解。。)组件名为多个单词(防止重名-根组件除外)Vue.component('todo-item', { // ...})组件数据(组件的data必须是一个函数-根组件除外)...翻译 2018-05-24 14:33:37 · 818 阅读 · 0 评论 -
使用vue导航卫视做登陆权限控制
废话不多说,直接代码!其他的脚手架生成不需要修改,只需要修改这一个文件。 /router/index.jsimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import home from '@/components/minorItem/...原创 2018-06-05 09:12:54 · 667 阅读 · 0 评论 -
computed计算属性
借鉴官网的例子,为了理解的更好,所以动手试了试,然后做下笔记。computed计算属性的简单使用template<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMes原创 2018-04-26 10:07:42 · 849 阅读 · 0 评论 -
vue项目使用sass-loader
1、使用save会在package.json中自动添加。npm install node-sass --save-devnpm install sass-loader --save-dev注:通常使用npm安装会出现以下报错,安装失败。(网路问题) 可以通过淘宝的npm镜像安装node-sass,解决以上问题。npm install -g cnpm --registry=http...转载 2018-04-23 16:57:30 · 54104 阅读 · 2 评论 -
vue+axios+element ui 实现全局loading加载
实现全局loading加载分析需求,我们只需要在请求发起的时候开始loading,响应结束的时候关闭loading,就这么简单 对不对?import axios from 'axios';import { Message, Loading } from 'element-ui';import Cookies from 'js-cookie';import rou...原创 2018-04-23 16:50:39 · 17509 阅读 · 1 评论 -
Vue Cli 脚手架分离测试环境和正式环境
项目开发中有个很常见的场景是,本地开发有本地开发服务器,调用本地接口。测试有测试服务器调用测试接口。然后还有专门的线上服务器,用来正式上线。而Vue Cli构建的项目只有npm run dev和npm run build两条开发和编译的命令。而本教程的最终目的就是扩展出一条npm run test的命令输出测试环境下执行的代码。在build文件夹中创建build-test.js文件...转载 2018-04-23 16:33:08 · 1946 阅读 · 0 评论 -
gulp简单使用
Gulp使用教程一、简介gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成。使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器,她能自动化地完成javascript/coffee/sass/less/html/image/css 等文原创 2017-12-15 09:07:24 · 242 阅读 · 0 评论 -
gulp教程之gulp-less
简介:使用gulp-less插件将less文件编译成css,当有less文件发生改变自动编译less,并保证less语法错误或出现异常时能正常工作并提示错误信息1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握?请参看: gulp详细入门教程1.2、本示例目录结构如下:2、本地安装gulp-less2.1原创 2017-12-15 09:06:38 · 1076 阅读 · 0 评论 -
Vue1.0过滤器
一 过滤器写法{{ message | Filter}} 二 Vue自带的过滤器:capitalize功能:首字母大写DOCTYPE html>html> head> meta charset="UTF-8"> title>Vue自带的过滤器title> meta name="viewport"转载 2017-06-26 11:15:34 · 500 阅读 · 0 评论 -
Vuex分模块使用记录
前言,突然想试试vuex,以前只是单纯的以为vuex只是存储一个状态,今天看了一个github上的一个项目,我看别人把需要的数据也放在vuex上面,我不知道这样利不利于优化,但是我知道这样会方便一些,你需要的数据直接从vuex里面取就好了。/src/main.jsimport Vue from 'vue';import iView from 'iview';import {ro...原创 2018-05-30 14:11:57 · 2650 阅读 · 2 评论