vue - 随笔分类 - 前端之旅

vue2 props双向绑定

摘要：###vue props 双向绑定常用：父组件 <Child :name='name' @update="v => name = v" /> 子组件 this.$emit('update', newValue) sync语法父组件 <Child :name.sync='name' /> 子组件阅读全文

posted @ 2022-09-14 11:28 前端之旅阅读(32) 评论(0) 推荐(0) 编辑

vue_使用vuex

摘要：vuex其实就是一个观察者模式 1. 可以在Vue实例绑定一个全局的属性，this.$myStore 来创建一个仓库存储数据，只是不是响应式的 2. this.$root 可以访问Vue根实例，和上一点差不多，绑定一个全局仓库 3. 使用Vue的bus总线机制，原理就是在Vue原型上创建一个vue实阅读全文

posted @ 2020-04-17 16:57 前端之旅阅读(204) 评论(0) 推荐(0) 编辑

vue_异步请求vue-resource和axios

摘要：vue resource 和axios 异步请求插件 vue resource npm安装请求方式 get(url, [config]) head(url, [config]) delete(url, [config]) jsonp(url, [config]) post(url, [body], 阅读全文

posted @ 2020-04-13 12:15 前端之旅阅读(382) 评论(0) 推荐(0) 编辑

vue_路由Router

摘要：使用路由 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌安装 1. vue项目创建时选择使用路由，项目将自动在根实例中注册 router 选项，该 router 实例会注入到根组件下的所有子组件中，且子组件能通过 thi 阅读全文

posted @ 2020-04-12 20:02 前端之旅阅读(350) 评论(0) 推荐(0) 编辑

vue_travel项目知识整理

摘要：vue stylus 安装 $ npm install stylus save $ npm install stylus loader save Stylus是一个CSS预处理器。那么在SaaS，Less和Stylus中，为什么选择后者呢？因为Stylus是来源于Node.js社区，与js关系密切阅读全文

posted @ 2020-04-09 22:55 前端之旅阅读(409) 评论(0) 推荐(0) 编辑

vue_组件动画封装

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文

posted @ 2020-03-10 16:53 前端之旅阅读(258) 评论(0) 推荐(0) 编辑

vue_列表过渡动画_transition-group

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文

posted @ 2020-03-10 16:25 前端之旅阅读(2616) 评论(0) 推荐(0) 编辑

vue_多个元素或组件的过渡动画

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文

posted @ 2020-03-10 16:09 前端之旅阅读(664) 评论(0) 推荐(0) 编辑

vue_动画钩子函数_使用Velocity.js

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文

posted @ 2020-03-10 15:54 前端之旅阅读(292) 评论(0) 推荐(0) 编辑

vue_在vue中同时使用过渡和动画

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文

posted @ 2020-03-10 15:22 前端之旅阅读(487) 评论(0) 推荐(0) 编辑

vue_自定义动画_使用animate.css库

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcs 阅读全文

posted @ 2020-03-06 17:08 前端之旅阅读(823) 评论(0) 推荐(0) 编辑

vue_CSS动画原理