Vue
OSurer
这个作者很懒,什么都没留下…
展开
-
VuePress 侧边栏使用详解
前言官网写的侧边栏教程真的是让人很糟心,经过一番摸索,总算大致弄清楚了,下面详细说一下用法:目录结构:docs根目录下有一个README.md、chinese文件夹、english文件夹最简侧边栏:sidebar: { '/language/chinese/': [ '', //该目录下的README.md文件 'a', //该目录下的a.md文件 'b' /原创 2020-10-22 15:12:18 · 12729 阅读 · 10 评论 -
vue3 打包上线配置
1.项目根目录下(src同目录)新建vue.config.js文件2.输入配置参数:const path = require('path')module.exports = { // 基本路径 整个文件夹在哪 publicPath: './', // 输出文件目录 文件夹名 outputDir: 'dist', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 资源放的目录 assetsDir:原创 2020-10-15 08:00:18 · 4291 阅读 · 2 评论 -
vue 跨域proxy路径的正确配法
一直以来没弄懂使用vue3.0的proxy或vue2.0 proxyTable路径的正确配法。每次以为配对了结果一直出错,只有多尝试几次后才正确,直到某一天,终于理解的这到底是什么原理。不废话,直接上代码,我们要请求的路径为:http://localhost:3000/api/todos以vue3.0为例,在项目根目录下新建vue.config.js文件,添加以下代码:module.exports = { devServer: { proxy: {原创 2020-10-14 23:17:41 · 3461 阅读 · 0 评论 -
vue-cli2.x 使用axios跨域请求数据
目录问题描述解决办法步骤问题描述使用axios正常请求qq音乐后台数据出现跨域请求的错误解决办法使用proxy代理请求步骤QQ音乐接口数据请求请求网址为:https://u.y.qq.com/cgi-bin/musics.fcg?-=recom5095827907979256&g_tk=5381&sign=zza462i4oiqso4xff15c4441255ee9ef959d8dacccc3f88&loginUin=0&host原创 2020-10-04 23:00:39 · 1435 阅读 · 2 评论 -
Vue 正确理解mounted、beforeUpdate、updated三个钩子函数的关系
目录官方图理解beforeUpdate:视图层的数据改变时触发beforeUpdate的测试updated的测试官方图mounted表示vue实例挂载完成;beforeUpdate在data数据被改变后触发updated表示更新DOM完成。理解beforeUpdate:视图层的数据改变时触发 这里需要注意的是beforeUpdate是在data数据被改变后触发,这里的data数据改变如何理解,仅从字面上理解只要data数据值改变就会触发beforeUpdate..原创 2020-10-04 15:21:47 · 26895 阅读 · 6 评论 -
Vue router-link设置激活时的样式
目录场景方法代码router.jsApp.vueHome.vueAbout.vue场景效果如上图所示,点哪个标签该标签就显示绿色背景(即标签被激活的样式)方法 使用router-link的exact-active-class属性,该属性设置当前标签被激活的样式代码router.jsimport Vue from 'vue'import Router from 'vue-router'import Home from './views/Hom.原创 2020-10-04 11:11:58 · 1608 阅读 · 0 评论 -
Vue实现从导航栏跳转到全新页面(此时不包含导航栏)
目录场景方法完整代码index.js:App.vueMine.vueNav.vueHome.vueSub1.vueSub2.vueShop.vue场景如图,点击我的我的音乐时,导航栏下刷新页面,点击客户端时,导航栏消失,跳转至全新页面方法使用嵌套路由实现,这里自编例子效果如下图:点击主页、购物车时出现主页、购物车页面,点击个人中心时导航栏消失vue中目录组织结构如下图所示:实现上述效果关键在于路由的配置这里路由的层级为:原创 2020-10-01 18:29:59 · 7008 阅读 · 0 评论 -
Vue
v-once<body> <span id="span1" v-once >{{message}}</span> <script language="JavaScript"> var vm = new Vue({ el:"#span1", data:{ ...原创 2020-02-24 12:11:45 · 262 阅读 · 0 评论