vue小知识
智慧2021
这个作者很懒,什么都没留下…
展开
-
vue项目中公共方法的配置和调用
项目中我们总有不少公共方法要提取,在Vue中具体大致可采用三种形式来实现。一、过滤器通常直接在实例模版中使用,用于处理数据格式。注⚠️:我在webpack中配置过路径别名,以下代码中的 @ 都是src文件夹的别名把处理格式的函数都写在src/filters/index.js里,每个方法都单独export。过滤器函数都必须有返回值// src/filters/index.js/** * 把时间处理成所需格式的字符串 * @param {(Object|string|number)} time转载 2021-07-02 09:42:21 · 2285 阅读 · 0 评论 -
vue 中 scoped的用法 以及css文件引入问题的补充
vue中scoped的编译原理所谓局部 css, 就是通过vue-loader这个插件,在编译打包的时候将带有scoped属性的css打上一个tag, 同时将template内的所有Html 都打上一个相同的tag, 最后通过css的属性选择器定位,造就了所谓的局部css,css-loader对Import文件会当做外部资源,那么我能理解为它是把Import的css文件单独提取出来,并没有把其中的样式放在<style scoped> @import '../assets/css/home.转载 2021-07-02 09:23:31 · 651 阅读 · 0 评论 -
vue2.0中keepAlive的使用
在开发中经常有从列表跳到详情页,然后返回详情页的时候需要缓存列表页的状态(比如滚动位置信息),这个时候就需要保存状态,要缓存状态;vue里提供了keep-alive组件用来缓存状态。设置meta 的属性keepAlive 为true返回后保持当前停留位置...原创 2021-06-25 17:34:00 · 294 阅读 · 0 评论 -
webpack HtmlWebpackPlugin插件
webpack的plugins(插件)是其的辅助功能,主要作用是解决其loader无法实现的事情,今天将详细介绍HtmlWebpackPlugin插件的功能作用:1. 生成项目的主入口html文件,一般原则是单应用的话会生成一个html文件,多应用的话会生成多个对应的html文件2. 管理生成的html中引入js,css等资源配置,一般在多应用中会体现的比较突出一些源码:此处的配置项也是比较多的,以源码为例进行简单的介绍constructor (options) { // Default转载 2021-06-22 16:52:56 · 1403 阅读 · 0 评论 -
TypeError: require.context is not a function [解决文案]
const files = require.context(path.join(’…/…/’, ‘src/views’), true, /.htmlKaTeX parse error: Can't use function '\.' in math mode at position 404: …iews'), true, /\̲.̲html/)原创 2021-06-22 10:28:09 · 6824 阅读 · 0 评论 -
旧vue项目迁移,npm install一直安装中
今天将一个旧vue项目迁移到新的电脑上,发现,npm install之后,一直在安装中,没有进展,停留了一中午也没装上。我突然意识到,我现在用的环境是vue3.0. 在这个环境直接安装导致的。于是,通过nvm 将旧项目的node版本重新安装。nvm install node@12.2.0nvm list 查看当前node版本信息nvm use 12.2.0会弹出安装窗口,确认就可以了。然后就切换成功了。再然后重新执行npm install就可以了。...原创 2021-06-18 14:49:01 · 441 阅读 · 0 评论 -
【解决办法】Module build failed: Error: No ESLint configuration found.
直接找到config/index.js,把useEslint改成false原创 2021-06-18 14:44:00 · 2786 阅读 · 0 评论 -
vue ssr服务端渲染
原创 2021-06-18 10:13:18 · 97 阅读 · 0 评论 -
prerender-spa-plugin预渲染
原创 2021-06-18 10:05:12 · 85 阅读 · 0 评论 -
vue 如何实现多页面应用(简单版)
简单版(待实践后补充 ,先放转载链接)原创 2021-06-18 09:44:28 · 3075 阅读 · 3 评论 -
为什么单页面的seo不友好?如何解决这一问题?
大家可能都知道单页面的SEO不友好,但是你有没有思考过为什么单页面的SEO不友好呢?在单页面盛行的今天,有哪些策略来规避掉这一缺点呢?搜索引擎的工作原理在搜索引擎网站的后台会有一个非常庞大的数据库,里面存储了海量的关键词,而每个关键词又对应着很多网址,这些网址是被称之为“搜索引擎蜘蛛”或“网络爬虫”程序从茫茫的互联网上一点一点下载收集而来的。随着各种各样网站的出现,这些勤劳的“蜘蛛”每天在互联网上爬行,从一个链接到另一个链接,下载其中的内容,进行分析提炼,找到其中的关键词,如果“蜘蛛”认为关键词在数据库转载 2021-06-18 09:41:14 · 918 阅读 · 0 评论 -
IT界的单词都是啥
loT:Internet of Things 物联网Serverless:The Serverless Framework (无服务器架构)允许你自动扩展、按执行付费、将事件驱动的功能部署到任何云IDE:IDE一般指集成开发环境。集成开发环境(IDE,Integrated Development Environment )是用于提供程序开发环境的应用程序,一般包括代码编辑器、编译器、调试器和图形用户界面等工具。SDK: Software Development Kit 一般指软件开发工具包API:原创 2021-06-16 11:19:00 · 64 阅读 · 0 评论 -
Error: Cannot find module ‘webpack‘ 问题解决办法
这句话的意思是:没有找到webpack模块。就算之前你装了webpack,那肯定是非全局安装所以要全局安装 npm install --save-dev webpack原创 2021-06-16 10:06:52 · 10747 阅读 · 5 评论 -
vue的$emit和$event
$emit是子组件向父组件传值使用使用方法一:子组件调用父组件方法$emit('fatherFn’)子组件调用父组件方法并传参数$emit(‘fatherFn’, arg1)父组件接收方法获取arg1:$emit('fatherFn', 10)<sonComponent @fatherFn="str += $event"></sonComponent>父组件接收方法2:<sonComponent @fatherFn="fatherFn"></s原创 2021-05-11 11:45:49 · 981 阅读 · 0 评论 -
vue过滤器-filter
简单介绍一下过滤器过滤器就是一个数据经过了过滤之后出来另一样东西,可以是从中取得你想要的,或者给那个数据添加点什么装饰,那么过滤器则是过滤的工具。过滤器分为全局过滤器,和局部过滤器。全局过滤器:Vue.filter('globalFilter',()=>{ return value +'!!!'})组件过滤器(局部)filters:{ componentFilter(val){ return val +'!!!' }}注:上面这种写法需要注意的问题是全局注册时是fi转载 2021-05-11 09:39:22 · 276 阅读 · 0 评论 -
vue中.sync修饰符用法及原理详解
vue中我们经常会用v-bind(缩写为:)给子组件传入参数。或者我们会给子组件传入一个函数,子组件通过调用传入的函数来改变父组件的状态。例如://父组件给子组件传入一个函数 <MyFooter :age="age" @setAge="(res)=> age = res"> </MyFooter> //子组件通过调用这个函数来实现修改父组件的状态。 mounted () { console.log(this.$emit('setAge',1234567转载 2021-05-06 11:10:30 · 237 阅读 · 0 评论