Vue知识库
整理所有有关vue的知识以及相关的包的一些细节问题
kaiqisan
新人社畜,前端开发正式员工,自学前端相关知识,有数个项目的开发经验,整过网页,也搞过小程序。了解后端一点点,搭过简易服务器。英语六级低分过,日语n2水平,欢迎交流病情!
展开
-
vuex多文件配置 - Kaiqisan
大家好,都吃晚饭了吗?我是Kaiqisan,是一个已经走出社恐的一般生徒,当我们的项目渐渐大起来的时候,我们存放在vuex里面的数据也会渐渐变多,尤其在一些可视化操作页面项目中,用到的全局属性是爆炸多,这个时候,vuex中的数据太过,调用和编写都会变得非常麻烦,我们该如何分配资源呢?这个时候单个vuex文件已经无法支持目前的项目了,需要创建多个文件,步骤如下把所有的state文件都存放到modules中然后开始编写vuex入口文件 index.jsimport Vue from 'vue'.原创 2020-12-25 23:00:15 · 859 阅读 · 0 评论 -
Vue图片路径绑定的问题 - Kaiqisan
简答src: '../../assets/images/cat1.jpg' // 不行src: require('../../assets/images/cat1.jpg') // 行详解当我们使用vue的v-for方法导入本地图片的时候,发现出了问题,一张图片也没办法导入<template> <div class="main"> <img v-for="(item, i) in imgList" :src="item.src" :alt="item.nam原创 2020-10-17 09:54:19 · 233 阅读 · 0 评论 -
Vue父子组件之间的传值 - Kaiqisan
大家好,都吃了吗?我是Kaiqisan,是一个不善言辞的羞射男孩.之前写项目的时候卡在这里,说明我这方面并不熟练,就记下来了本篇目标很明确,分为两个目标,一个为父组件向子组件传值,另一个就是子组件向父组件传值父组件向子组件传值父组件处<template> <div class="main"> <HelloDemo @click="getClick" :num="num"></HelloDemo> </div></temp.原创 2020-10-16 21:52:28 · 108 阅读 · 0 评论 -
Vue检测url的变化 - Kaiqisan
大家好,都吃了吗?我是Kaiqisan,是一个不善言辞的羞射男孩,之前尝试在vue中监听路由变化,发现在vue中无法使用window.location来监听,于是另外找了一种方法。这个检测不会去检测域名,端口,协议的变化,只会检测端口后面的内容的变化,检测路由的值和参数的值.'$route': { handler(val) { console.log(val); }, deep: true // immediate: true},在vue中去监听$route就可以了,这里面包.原创 2020-09-21 17:39:47 · 1427 阅读 · 0 评论 -
vue router-link点击事件失效 - Kaiqisan
简答ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである , 今天解决一个忘记很久的一个问题,今天又重新遇到了,就顺便讲掉。vue router-link点击事件失效简答这样不行<router-link to="/app" @click="doClick"> 点击跳转</router-link>这样行<router-link to="/app" @click.native="doClick"> 点击跳转</ro原创 2020-09-15 11:29:34 · 1455 阅读 · 0 评论 -
在Vue中使用响应式布局 - Kaiqisan
ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである,学过响应式布局的一定知道页面的响应式设计都是通过css来实现的,但是在vue中,是否还可以通过编写css代码来实现呢?回答: 可以,而且非常简单和方便直接举例配置<meta name="viewport" content="width=device-width,initial-scale=1.0>记得找html文件,检查一下有没有这句话(一般来说vue-cli打包之后这句话自然就生成了)写入<temp.原创 2020-09-11 15:09:44 · 1115 阅读 · 0 评论 -
vue-cli 使用less - Kaiqisan
ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである.这次讲讲vue脚手架中的less的使用前排提示:现在的vue脚手架有多个版本,现在按照大版本来划分,分为vue-cli2 vue-cli3 vue-cli4每个版本有每个版本的方法。vue-cli2的处理方法vue-cli2项目在添加的时候没法自动添加less,需要手动添加.npm i less-loader@5.0.0 less --save-dev这里指定了less-loader版本,防止导致兼容性的错误。然后再打.原创 2020-09-08 17:29:54 · 433 阅读 · 0 评论