随笔分类 - VUE
摘要：安装Sass 一直出问题，直到........ 直接上吧 npm install sass@1.26.5 --save-dev npm install sass-loader@8.0.2 --save-dev 或者 npm i node-sass@^4.0.0 sass-loader@^10.0.1
阅读全文
摘要：使用Get方式传参 download() { let params = { pages: this.page, size: this.size, }; axios .get(this.$url + "/api/download", { params: params, responseType: "b
阅读全文
摘要：1、state、mutations、actions、modules state → 用来定义变量 mutations → 定义方法给state中的变量赋值 actions → 调用mutations中的方法执行 modules → 存放其他模块（其他的Store） 来张图更清晰 export def
阅读全文
摘要：vue-countTo是一个无依赖，轻量级的vue组件，可以自行覆盖easingFn。 你可以设置 startVal 和 endVal，它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js; 安装： npm install vue-count-to 例子：
阅读全文
摘要：每次新建完vue项目，运行的时候就看抱错误。 No~ 2 errors and 0 warnings potentially fixable with the `--fix` option. 很是崩溃，网上也有很多其他的解决方法，比如在这里加一句话， "lint": "eslint --fix --
阅读全文
摘要：导航守卫 1、全局 router.beforeEach((to,from,next)=>{}) router.afterEach((to,from,next)=>{}) 2、组件内守卫 beforeRouteEnter((to,from,next)=>{}) beforeRouteUpdate((t
阅读全文
摘要：Vue3.0 computed 获取值，computed返回一个ref 使用的时候，要.value const param = computed(()=>{ return { "username": formValue.name, "password": formValue.password } /
阅读全文
摘要：安装axios npm install axios -S main.js 配置 import axios from 'axios' //基础配置 axios.defaults.baseURL = "https://localhost:44324/"; const app = createApp(Ap
阅读全文
摘要：1、keep-alive 给路由组件出口套一层。 <keep-alive> <router-view /> </keep-alive> 这就可以了.............嘛 ? no no no... 这只是开始 1、需要在路由中添加配置 { path: '/about', name: 'Abou
阅读全文
摘要：keep-alive 指定某个组件保留缓存使用include <button @click="isflag='btn'"></button> <button @click="isflag='btn2'"></button> <keep-alive include="btn2"> <component
阅读全文
摘要：之所以会出现找个错误信息是因为在创建项目的时候开启了eslint 解决办法 在 根目录/项目名 下创建 vue.config.js 文件 ，输入以下代码： 源码 module.exports = { lintOnSave: false,//这个是关闭校验，因为我在创建项目的时候开启了 } 然后重新启
阅读全文
摘要：reduce 的用法，个人感觉比for、foreach 都要好用，用法比较简洁，正所谓尺有所短寸有所长，因人而异吧。 步入正题......loading........转圈圈....(脑补一下) 1、语法 arr.reduce(callback,[initialValue]) reduce 为数组中
阅读全文
摘要：Vue不错的学习网站 http://www.zhufengpeixun.cn/train/vue-info/component.html ECMAScript 6 入门 https://es6.ruanyifeng.com/?search=map&x=0&y=0#docs/module
阅读全文
摘要：1.设置.vue模板 打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。在输入框输入vue，回车，会打开一个vue.json文件。 在里面复制以下代码： { "Print to console": { "prefix": "vue", "body": [ "<templat
阅读全文
摘要：优点 1、用户体验好，快，内容的改变不需要重新加载整个页面，对服务器压力小 2、前后台分离 3、页面效果会比较好（组件切换的时候，会提供专场动画） 缺点 1、不利于SEO 2、导航不可用，如果一定要导航要自行实现前进后退等 3、初次加载时耗时较多 4、页面复杂提交了比较多
阅读全文
摘要：1、 属性和方法 var vm = new Vue({ el:"#app", data:{ num:10 } , methods:{ //方法 getAllNum(){ this.num++; } }, computed:{ //属性 （第一次加载会放在内存中） getNumPlus(){ retu
阅读全文
摘要：如点击F2 触发某个事件 自定义全局按键修饰符 其他自定义按键同理，只是编码数字需要自己去找。
阅读全文
摘要：利用Vue实现简易tab切换效果 1.1 在我们平时浏览网站的时候，经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后，开始要写出一些简单的特效。 1.2 实现思路是点击上方的标题，下方的内容随之发生改变，上方和下方用的是两个块，是兄弟节点，所以需要点击tab标
阅读全文
摘要：1、vue 指令 1、v-model 主要在表单中使用，文本框、teaxare、单选、下拉 等 2、v-text 文本渲染 类似{{}} 3、v-show 控制Dom显示隐藏 display:none, display:block; 4、v-if 也可以控制Dom 显示隐藏，如果Dom 不显示整个D
阅读全文
