如何理解Vue的生命周期函数(生命周期钩子)

理解Vue生命周期的概念有助于我们在不同阶段执行不同的程序和操作。 Vue的生命周期图示 <body> <div id="app">{{msg}}</div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { msg: 'hello world!', }, methods...

read more..

如何在Debian 10 Linux上安装Node.js和npm

其实在Debian系统中安装Node.js有很多种,在网络上能够搜罗到各种各样的方法,因此可能也会产生一些略微不同的配置。 方法一:从Debian存储库安装Node.js和npm Node.js和npm可以从标准的Debian存储库安装,要在Debian上安装Node.js和npm,请使用以下命令: sudo apt update sudo apt install nodejs npm 安装完成后,通过键入nodejs --version命令进行验证,如果返回版本号,则说明已经安装成...

read more..

在Vue项目中使用Element UI

最近在学习vue项目开发的过程中,接触到了Element UI,这是一个由饿了么团队开发的UI框架。首先是安装框架: npm i element-ui -S 等待安装完成即可。然后是引入 Element UI,支持完整引入和按需引入。完整引入需要在项目的main.js文件中添加如下内容中标记了🔺的行: import Vue from 'vue'; import ElementUI from 'element-ui';//🔺 import 'element-ui/lib/theme-chalk/index.css';//🔺 import ...

read more..

vue.js项目中vue文件的格式规范

昨天开始了一门关于vue的课程,通过实际开发案例来介绍使用vue脚手架开发前端项目。一个标准的vue文件,应该包含以下内容: <template> <div><!---🔺必须有父元素div或者其他的例如section等等---> <!---内容区---> </div> </template> <script> export default { name:"xxxTemplate", componets:{}, data(){ return{} ...

read more..

使用phpmyadmin导入sql文件显示502错误的解决办法

通常可能是php配置造成的,比如一般默认上传限制在50MB,这个时候我们可以通过修改php.ini文件中的相关配置来解决(改前注意备份): ; Maximum allowed size for uploaded files. upload_max_filesize = 1024M ; Must be greater than or equal to upload_max_filesize post_max_size = 1024M ———————————————— 🔺以上将相关的数值改成了1024MB max_execution_time = 600 max_input_time = 360 —————...

read more..

手把手教你自定义修改WordPress新版编辑器Block Editor(Gutenberg编辑器)

自从Wordpress 5.0之后,我就总感觉到哪里有些不对劲。是的,就是那个我们原来熟悉的编辑器不见了,取而代之的是个名叫古什么堡的编辑器(古腾堡,妈蛋,你叫这个名在我糟糕且有限的想象力里,感觉就是一个窝藏吸血鬼、满是蝙蝠的十三世纪古堡,足足的阴森恐怖感)。然后这个编辑器你看他跟原来的相比,既花哨又轻佻,一堆华而不实的功能,边栏顶栏一大堆东西改起来还费劲儿……这这,真的实在用不下去了,还...

read more..