vue
关注
分享
扫一扫
文章平均质量分 81
记录vue每个细节点
风雨等归期
这个作者很懒，什么都没留下…
展开
-
vue vuex使用
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)let defaultCity = '上海'try{ if(localStorage.city){ defaultCity = localStorage.city }} catch(e){}export default new Vuex.Store...原创 2020-04-11 18:45:49 · 134 阅读 · 0 评论 -
vue better-scroll 使用方法
1.安装better-scrollnpm install better-scroll --save2. 引用import Bscroll from ‘better-scroll’3.注意的问题div部分注意的问题style部分注意的问题在滚动的区域一定要加上绝对定位，translate属性要根据当前div位于屏幕的位置计算展示区域的高度position:absolutetop: ...原创 2020-04-09 00:10:02 · 300 阅读 · 0 评论 -
vue-awesome-swiper使用方法以及最新版4.1.0的使用
1.安装swipernpm install swiper vue-awesome-swiper@2.6.7 --save2.参考https://github.com/surmon-china/vue-awesome-swiper/tree/v2.6.7上面有操作提示例子：<template> <swiper :options="swiperOption">...原创 2020-03-31 23:32:15 · 3885 阅读 · 0 评论 -
vue初始化项目的一些配置
安装node.js换源（使用淘宝源）npm install -g cnpm --registry=https://registry.npm.taobao.org如果不想用cnpm则输入下面代码npm config set registry https://registry.npm.taobao.org查看源npm config list3. 安装脚手架npm install vu...原创 2020-03-30 10:40:32 · 331 阅读 · 0 评论 -
vue 动画以及animated.css使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="../css/animate.css"/> <title>Vue Css动画</title> ...原创 2020-03-27 20:23:20 · 375 阅读 · 1 评论 -
vue 插槽slot
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue中的插槽</title> <script src="../js/vue.js"></script> </head> <body&g...原创 2020-03-27 10:55:07 · 139 阅读 · 0 评论 -
Vue非父子组件之间传值
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>非父子组件间的传值(bus/总线/发布订阅模式/观察者模式)</title> <script src="../js/vue.js"></script> &l...原创 2020-03-26 22:48:50 · 505 阅读 · 0 评论 -
Vue props特性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>组件参数校验与非props的特性</title> <script src="../js/vue.js"></script> ...原创 2020-03-26 21:50:32 · 160 阅读 · 0 评论 -
vue样式绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../js/vue.js"></script> </head>...原创 2020-03-25 18:47:37 · 133 阅读 · 0 评论 -
vue生命周期
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue实例生命周期函数</title> <script src="../js/vue.js"></script> </head> <bo...原创 2020-03-25 12:47:54 · 242 阅读 · 5 评论 -
localstorage的用法
localstorage是将网页上的数据保存在本地浏览器上和cookie差不多不同的是 localstore存储容量大（5MB)。主要是为减少服务器与浏览器间的交互。多用于记住密码和对网页的个性化设置。缺点是不能同步到不同的设备上，即浏览器清除数据时这些设置也恢复初始化。localstore存储对象只能为stringexport function saveToLocal(id , key , ...原创 2020-03-23 12:45:36 · 948 阅读 · 0 评论 -
vue2.x父子组件传值
父组件：子组件原创 2020-03-18 14:54:08 · 466 阅读 · 0 评论 -
有关问题cart-control组件中在food中添加的count属性，goods组件中selectFoods中food.count是undefined
原创 2020-03-11 22:57:40 · 236 阅读 · 1 评论 -
vue 异步加载数据
1.使用ajax异步加载数据，再用props父子组件进行传值js代码： //导入头部文件import header from './components/header/header.vue';const ERR_OK = 0;export default { data() { return { //定义一个flag确保ajax回调成功 ...原创 2020-03-05 22:39:02 · 1316 阅读 · 0 评论 -
vue入坑记录
1.有关stylus语法格式问题，今天我按照视屏敲代码， 代码和视频的一样但就老是报错。解决办法：1，制表符一定要用空格不要用tab，否则一值会提示你stylus格式错误2.是自己代码的错误，因为我们vue版本和视频的不一样，一些vue语法错误，这个时候上vue官网，查阅相关资料3.通过浏览器找到报错的代码4.初学者一定要有耐心，千万不要垂键盘。。。多百度总会找到答案的...原创 2020-03-04 22:40:17 · 157 阅读 · 0 评论