vue
关注
分享
扫一扫
han_hanker
web前端菜鸟级，知识搬运工
展开
-
一件简单的日历
一件简单的日历 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <titl转载 2021-04-14 16:02:34 · 155 阅读 · 0 评论 -
学习vue后台管理框架1(main.js)
学习的框架:https://github.com/PanJiaChen/vue-element-admin 膜拜下大神 作者文章地址：https://segmentfault.com/a/1190000009275424#articleHeader15 脚手架的搭建（核心）： https://www.jianshu.com/p/1626b8643676 这是官方给我们的福利，省去我们很多...原创 2018-03-07 11:14:19 · 1201 阅读 · 0 评论 -
学习vue后台管理框架2(登陆界面)
登陆页面 src/views/login/index.js element-ui表单，验证：http://element.eleme.io/#/zh-CN/component/form vuex：https://vuex.vuejs.org/zh-cn/modules.html 是否展示密码 showPwd() { //展示密码 if (this.passwordType ...原创 2018-03-07 14:07:11 · 5121 阅读 · 0 评论 -
学习vue后台管理框架3(权限控制)
作者文章：https://segmentfault.com/a/1190000009506097 登陆页面定向到： { path: '', component: Layout, redirect: 'dashboard', children: [{ path: 'dashboard', ...原创 2018-03-07 16:33:28 · 10908 阅读 · 0 评论 -
学习vue后台管理框架4(主体)
<template> <div class="app-wrapper" :class="{hideSidebar:!sidebar.opened}"> <sidebar class="sidebar-container"></sidebar> <div class="mai原创 2018-03-07 18:17:49 · 1496 阅读 · 3 评论 -
vue 学习（1）
跑马灯效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">转载 2019-02-12 13:20:34 · 153 阅读 · 0 评论 -
vue组件切换
<!DOCTYPE html> <html> <head> <title></title> <style> li{ border:1px solid dashed; } li:hover{ background: pink; tr...转载 2019-02-13 15:01:10 · 292 阅读 · 0 评论 -
_.debounce防抖动和节流
转载于vue官网 https://cn.vuejs.org/ <!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>侦听器&转载 2019-02-26 10:34:15 · 1183 阅读 · 1 评论 -
vue学习参考地址
es6入门介绍 http://es6.ruanyifeng.com/ vue-cil脚手架安装： http://blog.csdn.net/ansu2009/article/details/53261410 vue-cil脚手架介绍 http://blog.csdn.net/iswka0833/article/details/70547163 vue-cil脚手架目录介绍 ...转载 2017-12-13 21:19:34 · 206 阅读 · 0 评论 -
props 的一个用法
购物车组件//props props:{ food: { type: Object } }, //js addCart(event){ if(!event._constructed){ return; } if(!this.food.count){ this.$set(this.f转载 2018-01-17 11:20:04 · 1090 阅读 · 0 评论 -
vue-引入 ElementUI
引入 ElementUI1.安装 vue-cil脚手架 2.npm i element-ui -S 这个-S指的是保存在package.json文件中 –save 3.引入文件import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)代码说明importi原创 2017-12-13 17:33:08 · 265 阅读 · 0 评论 -
Vue插件写、用详解（附demo）
转载于：http://www.jb51.net/article/108960.htmVue插件概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等总体流程应该是：【声明插件】——【写插件】——【注册插件】——【使用插件】写插件和声明插件是同步的，然后注册到Vue对象中（不用担心重复注册），最后转载 2017-12-13 19:33:02 · 589 阅读 · 0 评论 -
vue-cil脚手架介绍
转载于：http://blog.csdn.net/iswka0833/article/details/70547163 以上是Vue脚手架的基本的目录结构，我们一般编写代码都放在src目录下，这里有一个components文件夹，该目录用于存在自定义组件。src目录小还有一个App.vu转载 2017-12-13 20:08:36 · 3145 阅读 · 0 评论 -
vue组件 component
转载于：https://www.cnblogs.com/zycbloger/p/6429592.html1创建组件1.1.全局组件<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- <link rel="stylesheet" type="tex转载 2017-12-13 22:26:45 · 153 阅读 · 0 评论 -
vue-router
转载于：https://segmentfault.com/a/1190000007825106#articleHeader6<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <link rel="stylesheet" type="text/cs转载 2017-12-14 14:46:29 · 131 阅读 · 0 评论 -
vue-router 多层嵌套
转载于：http://blog.csdn.net/github_26672553/article/details/54861174<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <link rel="stylesheet" type="text转载 2017-12-14 15:21:47 · 4038 阅读 · 0 评论 -
vue 星级组件
<template> <div class="star-box"> <div class="star-g"> <span><icon name="collection_fill" class="col-g" scale="2"></icon></span> <span><icon name="collection_fill"原创 2017-12-25 14:23:08 · 598 阅读 · 0 评论 -
vue tab选项卡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!-- <link rel="stylesheet" type="text/css" href="../../css/reset.css"> --> <script type="text/jav转载 2018-01-03 10:21:18 · 356 阅读 · 0 评论 -
vue对地区数据的处理
转载于：https://segmentfault.com/a/1190000010873858 数据格式，但是不是根据A,B,C等排列的methods:{ getRegion(){ let _this=this; axios.get('http://cangdu.org:8001/v1/cities?type=group',{})转载 2017-12-20 17:30:59 · 693 阅读 · 0 评论