随笔分类 - Vue
摘要：一、组件介绍 1、Gunicorn Gunicorn介绍之前，我们来看一个经典的Nginx+Gunicorn+Flask请求流程图。 大致流程：用户发起request，静态文件直接经过Nginx处理，无需过后端Server，动态请求转入Gunicorn处理，最后达到Web Server（Flask）
阅读全文
摘要：一、Vue-cli安装 vue-cli是vue官方提供的脚手架工具，默认搭建好了一个项目的基本架子，我们在其基础上进行相应修改即可。 全局安装： npm install -g @vue/cli 查看是否安装成功： 二、命令行方式 1、创建项目 npm create '项目名 ' 2、手动选择配置选项
阅读全文
摘要：一、组件概述 1.什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。 所有的 Vue 组件同时也都是 Vue 的实例，所以可接受相同的选项对象 (除了
阅读全文
摘要：Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 下面分别从这个4个工具来学习Vue动画效果。 一、单元素/组件的过渡 Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展
阅读全文
摘要：一、Vue非父子组件传值(Bus/总线/发布订阅模式/观察者模式) 我们在之前已经知道了父子传值。父组件传递过来了的值，在子组件通过props接受，然后就可以使用了。 也学过了隔代传值，均是通过props逐层传递实现。那么，兄弟节点之间怎么传值呢？ 那就是通过bus啦。 通过bus实现方式如下： 二
阅读全文
摘要：Vue-resource的替代方案axios
阅读全文
摘要：Vue-resource
阅读全文
摘要：Vue的生命周期 生命周期函数就是vue实例在某一个时间点会自动执行的函数。 1) 创建期间的生命周期函数 beforeCreate 实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性; created 实例已经在内存中创建完毕，此时 data 和 methods 已
阅读全文
摘要：state：既然vuex是用来储存数据的，那么我们的储存地点就是这里。 render: 页面渲染 vue commponents: 页面的组件，比如输入值时 dispatch：组件分发给acitons actions：专门用来提交mutations的，处理异步操作。它执行axios，请求后端服务器。
阅读全文
摘要：一、Vue Router介绍 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航
阅读全文
摘要：一、Vue简介 1、数据驱动视图 Vue.js 是一个用于创建 Web 交互界面的库。它让你通过简单而灵活的 API 创建由数据驱动的 UI 组件。 Vue.js是一款轻量级的、以数据驱动构建web界面的前端JS框架，它在架构设计上采用了MVVM（Model-View-ViewModel）模式，其中
阅读全文
摘要：一、let和var 1、作用域只局限于当前模块 let声明变量var是全局作用域变量，在代码块中和代码块外面都有效果 2、使用let声明的变量作用域不会被提升 { let str1='var1'; var str2= 'var2'; } console.log(str2);//undefined,v
阅读全文
