
web
扶我起来继续学习
一点点懒
展开
-
yarn启动vue项目
1.确保已经安装node.js,如果没有去官网下载,然后手动一步步安装2.默认是使用npm,需要先换源,cnpm : 国内对npm的镜像版本3.也可以直接给npm换源,就不使用cpm x了4.安装yarn5.查看yarn版本6.给yarn换源7.yarn常用操作原创 2022-06-01 11:00:23 · 13313 阅读 · 0 评论 -
Vue项目中实现用户登录及token验证
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面5、每次调后端接口,都要在请求头中加token6、后端判断请求头中有无token原创 2022-04-08 14:52:39 · 1658 阅读 · 0 评论 -
docker创建ngnix并部署前端项目
1.拉取nginx:1.21.3docker pull nginx:1.21.32.在root目录中,创建ngnix文件夹。然后把nginx.conf文件上传至该目录。然后创建html文件夹,把index.html和50x.html上传至该目录。nginx.confuser nginx;worker_processes auto;error_log /var/log/nginx/error.log notice;pid /var/run/nginx.pid;eve原创 2021-12-08 19:00:00 · 487 阅读 · 0 评论 -
vue模块化开发
模块化规范:一.CommonJS模块化规范每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。1、创建“module”文件夹2、导出模块创建 common-js模块化/四则运算.js// 定义成员:const sum = function(a,b){ return parseInt(a) + parseInt(b)}const subtract = function(a,b){ return parseInt(a) - p原创 2021-11-03 20:23:11 · 193 阅读 · 0 评论 -
vue实例的生命周期
data: { message: '床前明月光'},methods: { show() { console.log('执行show方法') }, update() { this.message = '玻璃好上霜' }},//===创建时的四个事件beforeCreate() { // 第一个被执行的钩子方法:实例被创建出来之前执行 console.log(this.message) //undefined .原创 2021-11-03 19:21:22 · 96 阅读 · 0 评论 -
v-if和v-show的使用
v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则..原创 2021-11-03 19:17:19 · 118 阅读 · 0 评论 -
ES6入门
<script> // var声明的变量没有局部作用域 // let声明的变量 有局部作用域 // 1、const声明之后不允许改变 2、一但声明必须初始化,否则会报错 const PI = "3.1415926" PI=3 //Uncaught TypeError: Assignment to constant variable. const MY_AGE // SyntaxError: Missing initializer in原创 2021-11-03 19:09:01 · 124 阅读 · 0 评论