![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 55
Vue
只因为你温柔
如果人生就是一场陷阱,不知何时才能到天明。如果对得起我的生命,我要向全世界证明。
展开
-
vuex数据持久化
vuex数据持久化vux代码import Vue from 'vue'import Vuex from 'vuex'// 加载vuex组件Vue.use(Vuex)let store = new Vuex.Store({ state: { // 变量存储库 token: "", // 购物车商品信息 // 如果localStorage里有数据...原创 2019-10-18 18:57:48 · 711 阅读 · 0 评论 -
拦截器(拦截需要权限的页面)
拦截器案例(列访问购物车需要用户登入, 用户没登入跳转到登入页面, 用户登入了在跳回购物车页面)拦截器(路由守卫)路由登入原创 2019-10-18 15:59:18 · 690 阅读 · 0 评论 -
axios拦截器
axios拦截器请求拦截器返回拦截器注册到main.js中原创 2019-10-17 14:03:53 · 95 阅读 · 0 评论 -
vue-cookie
vue-cookie第一步:安装vue-cookienpm install vue-cookie --save第二步:es5es6引入cookie的方法// require es5 方法var Vue = require('vue')Vue.use(require('vue-cookie')) // es6 方法import Vue from 'Vue'import VueC...原创 2019-07-21 20:33:45 · 551 阅读 · 1 评论 -
axios和vuex
axios/vuex<template> // 当前组件的结构 <div> // 指令系统 实现数据驱动视图 </div></template><script> // 当前组件的业务逻辑 export default { name:"LuffyContent", // 当...原创 2019-07-17 21:09:44 · 513 阅读 · 1 评论 -
vue使用webpack/vue-cli脚手架
webpack和vue脚手架获取原生的DOM的方式***给标签或者组件 添加ref<div ref="alex">哈哈哈</div><p ref="a"></p><Home ref="b"></Home>this.$refs.alex 获取原始的DOM对象this.$refs.b 获取的是组件实例化对象...原创 2019-07-17 21:03:41 · 276 阅读 · 1 评论 -
常用的vue操作
过滤器/生命周期的钩子函数/模板语法{{}}/指令系统/Vue中的常用属性/Vue常用方法/Vue的过滤器/Vue的组件/组件的传值/Vue的全家桶( kfc ) vue+vue-router+vuex/使用vue-router/命名路由/动态路由匹配/编程式导航vs声明式导航过滤器 1.局部过滤器 在当前组件内部使用过滤器 给某些数据 添油加醋// 声明filters:{ ...原创 2019-07-17 20:45:23 · 174 阅读 · 1 评论 -
vue数据的双向绑定和组件化开发
今日内容表单输入绑定数据双向绑定 v-model 只能应用在input textare select 表单控件中<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...原创 2019-07-17 20:35:38 · 347 阅读 · 1 评论 -
vue小案例
Vue小案例轮播图的制作<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-s...原创 2019-07-12 14:29:34 · 428 阅读 · 0 评论 -
es6基本语法和vue指令系统
es6基本语法和vue指令系统es6的语法let// console.log(a);{ // a 是 1.局部作用域的 2.不会存在变量提升 3.不能重复声明 let a = 1; //let a = 5; console.log(a);}var a = [];for (let i = 0; i < 10; i++){ a[i] = f...原创 2019-07-11 17:57:11 · 255 阅读 · 1 评论 -
vue侦听器和计算属性
侦听器<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ...原创 2019-07-13 18:30:03 · 167 阅读 · 1 评论 -
es6基础/vue基本语法/指令系统/计算属性
今日内容es6的语法let特点:1.局部作用域2.不会存在变量提升3.变量不能重复声明const特点: 1.局部作用域 2.不会存在变量提升 3.不能重复声明,只声明常量 不可变的量模板字符串tab键上面的反引号 ${变量名}来插值let name = '未来';let str = `我是${name}`箭头函数function(){} === ()=&g...原创 2019-07-13 18:27:44 · 194 阅读 · 1 评论 -
数据双向绑定和组件
数据双向绑定和组件表单输入绑定数据双向绑定 v-model 只能应用在input textare select 表单控件中<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-07-13 18:18:05 · 265 阅读 · 0 评论