vue
我就是我,不一样的烟火
这个作者很懒,什么都没留下…
展开
-
flask加vue 动画 加载更多
曾经使用flask_paginate(地址:https://blog.csdn.net/qq_42239520/article/details/80378095)进行分页,现在又想新的想法,怎么才能和其它大多数主流网站一样,通过点击加载更多,获取到更多的页面呢?源码地址:https://github.com/1417766861/flask_vue 首先给大家看一下,我最近用flas...原创 2018-09-09 19:40:25 · 453 阅读 · 0 评论 -
Vue2.5 开发去哪儿网App
Vue2.5开发去哪儿网App技术栈和主要框架???? Vue 全家桶:vue2.5 + vuex + vue-router + webpack???? ES6???? 网络请求:axios项目运行# 克隆到本地git clone https://github.com/1417766861/Vue2.5-App.git# 安装依赖npm install# 开启本地服务器localhos...原创 2019-03-02 07:50:00 · 161 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 城市列表开发之 兄弟组件间联动及列表性能优化
一, 兄弟组件间联动1. 点击城市字母,左侧对应显示给遍历的 字母 添加一个点击事件:Alphabet.vue@click="handleLetterClick" handleLetterClick (e) { //获取对应的字母 this.$emit('change', e.target.innerHTML) }在 父组件City.vue...原创 2019-02-26 16:35:00 · 65 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 城市列表开发之 Vuex实现数据共享及高级使用
一,数据共享1. 安装:npm install vuex --save2. 在src目录下 新建state文件夹,新建index.js文件3. 创建一个 storeimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { ...原创 2019-02-27 22:06:00 · 71 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 详情页面开发
一,banner 图的设计1. 新建detail的路由import Detail from '@/pages/detail/Detail'...... { path: '/detail', name: 'Detail', component: Detail }Detail.vue<template> <di...原创 2019-02-28 18:53:00 · 128 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 搜索功能完成
效果展示:Search.vue: <div class="search-content" ref="search" v-show="keyword"> <!--双向绑定keyword--> <ul> <!--遍历找到的城市--> <li class="search-item...原创 2019-02-27 14:01:00 · 56 阅读 · 0 评论 -
Vue2.5开发 App 首页开发
主页划 5 个组件,即 header icon swiper recommend weekend一. header区域开发1. 安装 stylusnpm install stylus --savecnpm install stylus-loader --save2. 编写样式<template> <div class="header"> &...原创 2019-02-25 16:11:00 · 270 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 城市列表开发
一,城市选择页面路由配置 ...原创 2019-02-26 12:18:00 · 83 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 第五章笔记 下
1.多个元素或组件的过渡多个元素的过渡:<style> .v-enter,.v-leace-to{ opacity: 0; } .v-enter-active,.v-leave-active{ transition: opacity 1s; }</style> <transition mode="out-...原创 2019-02-24 17:21:00 · 46 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 第五章笔记 上
1.css动画原理 .fade-enter{ opacity: 0; } .fade-enter-active{ transition: opacity 2s; }.fade-leave-to{ opacity: 0;}.fade-leave-active{ ...原创 2019-02-24 16:16:00 · 61 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 第四章笔记 下
1.解决非父子组件之间的传值问题非父子组件传值(Bus/总线/发布订阅模式/观察者模式)给 Vue类上挂在一个属性,然后创建vue实例时,实例就拥有了这个属性Vue.prototype.bus = new Vue();//发送this.bus.$emit('change',this.selfContent);//监听this.bus.$on('change',function (v...原创 2019-02-24 14:43:00 · 41 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 第四章笔记 上
一 . 组件细节知识点1. 解决组件在h5中编码规范例如 : table , ul , ol 等等<table> <tbody> <row></row> <row></row> <row></row> </tbody>...原创 2019-02-19 17:33:00 · 51 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 第三章笔记 下
1.样式的绑定 我们可以传给v-bind:class一个对象,以动态地切换 class 例如::class="{activated:isactivated}"上面的语法表示 activated 的更新将取决于数据属性isActive是否为 真值。实现动态切换:<div @click="HandleDivClick" :class="{activated:isact...原创 2019-02-18 11:54:00 · 80 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 第三章笔记 上
1. vue 生命周期函数 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。在这个过程中,实例也会调用一些生命周期钩子,这就给我们提供了执行自定义逻辑的机会生命周期图示<!DOCTYPE html><html lang="en"...原创 2019-02-17 23:31:00 · 59 阅读 · 0 评论 -
Vue2.5开发去哪儿网App 第二章笔记
Vue完成 TodoList1.默认方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>TodoList</title> <script src="../../vue.js"></sc...原创 2019-02-16 22:43:00 · 60 阅读 · 0 评论 -
flask+ vue 开发二手书App
一个Flask + vue 前后端分离的 二手书App效果展示:所用技术清单项目地址:项目地址vue代码地址:vue代码地址项目部分过程笔记:后台:项目结构Secondhanbook / 项目目录 apps v1 __init__.py 导入 urls urls.py 路由配置 forms.py models.py views ...原创 2019-03-13 16:10:06 · 2752 阅读 · 0 评论