Linux常用命令大全日常使用命令开关机命令1、shutdown –h now：立刻进行关机2、shutdown –r now：现在重新启动计算机3、reboot：现在重新启动计算机4、su -：切换用户；passwd：修改用户密码5、logout：用户注销常用快捷命令1、tab = 补全2、ctrl + l -：清屏，类似clear命令3、ctrl + r -：查找历史命令（history）；c

VUE3语法vue3特点Vue2与Vue3 最大的区别 — Vue2使用选项类型API（Options API）对比Vue3合成型API（Composition API）作用: 聚合代码 & 逻辑重用一、知识点使用defineComponent 构建应用及绑定事件使用setup(props,content)父子通信使用 reactive 绑定数据使用 ref ( torefs ) 绑定数据

Vue路由守卫**主要分为： 全局守卫 组件内守卫 路由独享守卫**全局守卫概念：在这个守卫方法中进行全局拦截，可以设置满足某些条件（比如是否登录）才可以进入到当前路由导向的页面组件内守卫：beforeRouteEnter： 进入组件时路由独享守卫：beforeEnter: 进入该路由前，必须进入某个路由才会执行路由钩子函数beforeRouteEnter进入组件之前触发方法beforeRoute

项目流程D脚手安装完后，通过npm run serve 运行项目，试一下脚手架是否能运行起来，如果运行成功，就先退出脚手架之后就根据项目需求下载插件插件下载完成后，对项目进行一些简单的配置 axios，路由等，再看接口是否需要跨域，如果需要跨域在vue.config.js文件中进行跨域配置这些基本需求完成后， 就可以运行脚手架开始写项目了项目写之前，可以先对项目的api接口进行封装，封装axios

$nextTick● Vue 是异步渲染● data 改变后，DOM不会立刻渲染● $nextTick 会在 DOM 渲染之后被触发，以获取最新 DOM 节点先看不用nextTick的情况<template><div><button @click="add">添加3项目</button><ul ref="ul1"><li v-for

Vue实例的生命周期全过程（图）（这里的红边圆角矩形内的都是对应的Vue实例的钩子函数）在beforeCreate和created钩子函数间的生命周期在beforeCreate和created之间，进行数据观测(data observer) ，也就是在这个时候开始监控data中的数据变化了，同时初始化事件created钩子函数和beforeMount间的生命周期对于created钩子函数和befo

Vue项目打包优化一、知识点和目的1、打包优化的目的2、性能优化的主要方向二、打包优化1.去除.map文件2.开启CDN加速3.代码压缩4.图片压缩5.公共代码抽离，写在configureWebpack模块中6.骨架屏7.开启Gzip压缩全部代码点击跳转博主博客一、知识点和目的1、打包优化的目的1、项目启动速度，和性能2、必要的清理数据3、减少打包后的体积第一点是核心，第二点呢其实主要是清理con

原理：新的响应式机制采用了ES6的ProxyApi，抛弃了Object.defineProperty()Vue2双向数据绑定存在的问题：关于对象： Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对property执行 getter/setter转化，所以property必须在 data对象上存在才能让 Vue 将它转换为响应式的。关于数组： Vue 不能检测以下数

基于vue3项目：1.新建js文件：例如shuiyin.js'use strict'let watermark = {}let setWatermark = (str) => {let id = '1.23452384164.123412415'if (document.getElementById(id) !== null) {document.body.removeChild(docum

vue2与vue3的区别Vue2和Vue3开发组件有什么区别vue2和vue3双向数据绑定的区别总结：vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。vue3 中使用了 es6 的 ProxyAPI 对数据代理。相比于vue2.x，使用proxy的优势如下