这篇文章讲一下一些常用的配置,用的是vue-cli 3 1.代理配置, 解决问题: 跨域 在项目的根目录下新建一个vue.config.js(如果有请忽视)比如说,现在服务器地址是 192.168.1.22:8000 。…
标签:vue.js教程
vue本地打开build后生成的dist文件夹index.html
1.问题描述: npm run build 在dist 文件生成了 index 和 static 文件夹,为什么本地打开不了,给后端就能打开? 如何才能像访问 npm run dev 的地址那样访问? 2.种简单方法 2…
在 Vue 中是使用插槽
属性传值 先写一段简单的代码 <div id="root"> <child content="<p>Dell</p>"></child> </div>…
题库
1.v-show和v-if之间的区别v-show:元素是一直存在的,当v-show为false时,元素display:none只是隐藏了而已,生命周期的钩子函数不会执行。 v-if:判断是否加载固定的内容,如果为真,则加…
vue实战(1):准备与资料整理
磨刀不误砍材工 声明:本项目为照着尚硅谷vue视频仿写 0. 其它 vue实战(1):准备与资料整理vue实战(2):初始化项目、搭建底部导航路由vue实战(3):底部导航显示、搭建各模块静态页面、添加登录页页面与路由v…
Vue之不完美的极致优化
Vue之不完美的极致优化 如果我们的项目是用脚手架搭建的,大部分的优化脚手架都帮你做了。比如:图片转base64、代码压缩等。 我今天想说的是一些要自己去优化的地方: 第三方按需加载,比如:Element按需加载,用了哪…
vue路由
一、App.vue中的<router-view></router-view> 凡是定义到index.js中的组件,都会被渲染到App.vue中 二、路由跳转和a标签的区别 a标签是用来跳其他链接或…
vue路由传值params和query的区别
vue路由传值params和query的区别 > 1.query传参和接收参数 > 传参: this.$router.push({ path:'/xxx' query:{ id:id } }) > 接收…
Vue源码之实例方法
个人博客地址在 Vue 内部,有一段这样的代码: import { initMixin } from './init' import { stateMixin } from './state' import { rend…
vue-music:歌词高亮滚动
需求:获取歌词后,按照UI设计,歌词高亮滚动,同时,当滚动到index=5的时候,不再向下滚动,直接高亮 1.html部分 歌词滚动:scroll组件 高亮显示当前歌词:currentLineNum设置一个class &…
vue系列之vue cli 3引入ts
插件 vue-class-component强化 Vue 组件,使用 TypeScript/装饰器 增强 Vue 组件 vue-property-decorator在 vue-class-component 上增强更多的…
vue自定义指令之面板拖拽
前言 在指令里获取的this并不是vue对象,vnode.context才是vue对象,一般来说,指令最好不要访问vue上的data,以追求解耦,但是可以通过指令传进来的值去访问method或ref之类的。 vue指令 …