随笔 - 229
文章 - 0
评论 - 10
阅读 -
26万
随笔分类 - vue
数组中常用的几个响应式方法
摘要：push 添加元素到数组的尾部,可以添加任意个元素 pop 删除数组中的最后一个元素 shift 删除数组中的第一个元素 unshift 从数组的头部插入一个元素, 也可以插入多个 splice 添加 第二个参数是0 删除 第二个参数是删除元素的个数 修改 第二个参数是替换元素的个数 sort 排序
阅读全文
axios笔记
摘要：1. 安装 npm install axios --save 2. 基本使用 首先,导入axios import axios from 'axios' 使用示例 axios({ url: 'http://123.207.44.32:8000/home/listdata', method: 'get'
阅读全文
Vuex笔记
摘要：1. Vuex 状态管理 2.Vuex管理些什么 用户登录状态, token , 头像 ,地理位置等 商品收藏,购物车中的东西 3. Vuex安装 使用npm安装Vuex npm install vuex --save 在项目的src目录下面创建一个store目录,并在该目录下面创建一个index.
阅读全文
Vue-Router笔记
摘要：一.安装路由 npm install vue-router --save 二.配置路由 在src下面创建一个router目录 在router目录下面创建一个index.js 在index.js文件中添加如下结构的内容 import VueRouter from 'vue-router' import
阅读全文
Promise笔记
摘要：1. 什么情况下会使用Promise? 有异步操作时 2. 基本使用 套路 new Promise(((resolve, reject) => { // ajax网格请求,响应数据data // 如果成功, 调用resolve方法 resolve(data) // 如果失败, 调用reject方法
阅读全文
vue使用对象语法强制绑定样式
摘要：比如根据路由绑定样式 <a href="javascript:;" class="guide_item" :class="{on:'/search' $route.path}"> <span class="item_icon"><i class="iconfont icon-search"></i>
阅读全文
vue路由
摘要：编写使用路由由以下三步组成 1. 定义路由组件 2.注册路由 3.使用路由 <router-link to='/path'> </router-link> <router-view> </router-view> 1.安装vue-router npm install vue-router --sav
阅读全文
vue事件处理
摘要：1. 绑定监视 2. 事件修饰符 3. 按键修饰符 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--列表过滤与排序--> <div id="d
阅读全文
vue过滤与排序
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--列表过滤与排序--> <div id="demo"> <input type="text" v
阅读全文
vue列表渲染
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="demo"> <p>v-for遍历数组</p> <ul> <li v-for="(p
阅读全文
vue条件渲染
摘要：vue提供了两套条件渲染语句： v-if, v-else 和 v-show <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 条件渲染涉及到3
阅读全文
vue动态绑定class和style
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .aClass { color: red; } .bClass { color: blue; } .cClass {
阅读全文
vue组件间的通信之pubsub-js
摘要：本文介绍使用发布订阅的方式进行vue组件间的通信 我认为这种方式比较自由， 不存在组件间的关系问题 1. 首先安装pubsub-js npm install --save pubsub-js 2. 订阅方组件 import PubSub from 'pubsub-js' mounted(){ //
阅读全文
函数在vue组件间的交互
摘要：假设在App.vue组件中定义一个addComment函数，而在Add.vue组件中会去调用这个addComment函数 App.vue <template> <div> <header class="site-header jumbotron"> <div class="container"> <
阅读全文
vue组件模板及组件间的引用
摘要：1. vue组件都是由这三部分组成 <template> <div> </div> </template> <script> export default{} </script> <style> </style> 2. 组件间的引用分3步走，假设现在有两个组件 App.vue，和 Add.vue，现
阅读全文
使用vue-cli创建工程
摘要：安装好vue-cli脚手架之后，使用如下命令即可生成vue的模板工程： vue init webpack vue_demo 其中vue-demo是工程名称 |-- build : webpack 相关的配置文件夹(基本不需要修改) |-- dev-server.js : 通过 express 启动后
阅读全文
vue学习笔记01
摘要：vue扩展插件 (1) vue-cli 脚手架 (2) vue-resource(axios) : ajax请求 (3) vue-router 路由 (4) vuex 状态管理 (5) vue-lazyload 图片懒加载 (6) vue-scroller 页面光滑动相关 (7) mint-ui :
阅读全文
