上头upup-CSDN博客

原创移动端开发meta标签 viewport 设置

移动端开发meta标签 viewport 设置<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

2020-02-18 15:22:49 179

原创 vuex使用模块的时候获取state里的数据语法

普通语法this.$store.state.【哪个数据】模块化语法：this.$store.state.【哪个模块】.【哪个数据】<template><div class="panel panel-info"> <div class="panel-heading"> <h4 class="panel-title...

2020-02-17 11:08:22 3569

原创 axios使用

第一步先在项目中安装axiosnpm i axios 然后在项目中引用axiosimport axios from 'axios'axios 的get方法 post方法以及传入参数import axios from 'axios'export default { state: { updateCartList: [] }, actions: { ...

2020-02-17 11:00:06 108

原创 axios在派遣方法时候的异步

在actions中把axios返回出来在vue模板中的methods中.then()进行异步模板中派遣方法<template> <div class="login"> <div class="container"> <div class="row"> <div class="col-xs-6 co...

2020-02-17 10:50:29 118

原创如何在bootstrap轮播中调整图像大小

.carousel-inner .item img {width: 100%; /* or width: 100% !important; */}.carousel-inner > .item > img { width:100%; /* Or try to use important */ height:auto; }.carousel {...

2020-02-15 10:59:44 10578 1

原创 vue中router-link绑定click失效

直接放代码!<div class="rank"> <span>职位类别:</span> <router-link to="/society/0" @click.native="demo">所有类别</router-link> <router-link to="...

2020-02-15 08:32:27 210

原创 vue中用watch监听路由信息

$route为当前跳转路由可以通过$router来拿到 $router.path $router.query $router.pathwatch: { '$route.params.keyWords': { handler (newVal) { console.log(newVal) }, immediate: true, ...

2020-02-14 23:48:18 788

原创 vue中 vue-router的路由的2种模式（原生js模拟演示）

hash模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

2020-02-14 11:53:50 257

原创通过this.$refs.[refName]来进行给父组件传递信息

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl...

2020-02-13 15:15:19 782

原创 vue中在data中写入img地址引入问题

第一种情况如果将img放在 src在下的assets中时候；img地址在data中{ id: 1153135, title: '精选1', price: 168, count: 40, imgAddress: require('../assets/images/daniel.jpg') }vue模...

2020-02-13 11:05:17 2205 2

原创谷歌浏览器的 vue插件工具

Vue.js devtools 5.3.3下载地址:链接: https://pan.baidu.com/s/1Q2N_UN3a1d35h3kAKCtS3Q 提取码: reew

2020-02-08 15:31:46 692

原创解决Vue开发过程中与后台服务器跨域问题

可以通过vue.config.js文件来配置使用逆向服务器// Vue.config.js文件module.exports = { devServer: { proxy: 'http://localhost:3000' }}

2020-01-11 10:59:55 534

原创 -过滤器-自定义全局过滤器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-04 17:33:28 182

原创自定义指令-定义全局指令

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-04 17:32:56 624

原创内置指令-cloak // 内置指令-once // 内置指令-pre

内置指令-cloak<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2020-01-04 08:27:04 129

原创动态组件-保持组件的状态// 动态组件-动态组件的钩子函数

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-04 08:25:35 505

原创内容分发-作用域插槽传参解构

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-04 08:24:11 436

原创 -组件通信-子组件为父组件传递数据-使用自定义事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 12:22:45 238

原创组件通信-父组件为子组件传递数据-静态数据//动态数据 // 数据校验

组件通信-父组件为子组件传递数据-静态数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...

2020-01-03 12:19:12 179

原创组件基础-使用ref属性标识元素或组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 12:17:17 514

原创组件基础-通过组件的关系进行访问 this.$children this.$parent

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 12:15:24 180

原创组件基础-组件的作用域

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 12:13:46 417

原创 -组件基础-局部组件 // 局部组件的简写

-组件基础-局部组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2020-01-03 12:13:13 269

原创组件基础-全局组件//全局组件的简写

组件基础-全局组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...

2020-01-03 12:12:13 504

原创数据绑定-修饰符

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 12:10:49 251 1

原创数据绑定-自定义控件的值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 11:30:29 179

原创数据绑定-绑定表单控件的值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2020-01-03 11:18:10 204

原创事件处理-注册时间 // 事件处理-修饰符 // 事件处理-键盘事件的修饰符 // 事件处理-系统修饰符 // 事件处理-鼠标修饰符

事件处理-注册事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...

2020-01-03 11:11:47 104

原创条件渲染-v-if // v-else // v-else if // v-show

条件渲染-v-if<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...

2020-01-03 11:07:23 149

原创列表渲染 v-for 便利(数组，对象，数字，字符串)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 10:58:18 1207

原创操作行内样式-对象语法//操作行内样式-数组语法

操作行内样式-对象语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2020-01-03 10:53:46 365

原创侦听器---watch

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 10:52:38 225

原创计算属性 computed

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 10:50:31 114

原创列表渲染 v-for

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 10:48:24 161

原创操作类名-对象语法//操作类名-数组语法

操作类名-对象语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...

2020-01-03 10:47:33 144

原创模板语法-插入文本//模板语法-插入标签//模板语法-双花括号//模板语法-向标签属性中插入数据

模板语法-插入文本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...

2020-01-03 10:46:17 483

原创 Vue实例的生命周期钩子函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 10:43:14 92

原创 Vue实例的方法 methods

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 10:42:40 506

原创模板的优先级

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2020-01-03 10:41:58 212

原创模板---使用el选项指定模板/使用template选项指定内联模板/使用template选项指定独立模板/使用render选项指定要挂载的模板

使用el选项指定模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2020-01-03 10:41:27 332

空空如也

空空如也