Vue.jsvue.js是一套用于构建用户界面的渐进式框架，主要是使用MVVM模式可以跟方便的进行数据与页面的交互处理与绑定。vue.js的使用使用vue可以直接从vue.js的官网下载vue.js文件然后在项目中进行引入<script src="../../js/vue.js"></script>完成引入后就可创建vue实例了，首先在页面中创建一个要控制的区域div<
# 如何在Vue中启用JavaScript
在Vue中开启JavaScript是非常简单的，因为Vue本身就是一个JavaScript框架。但是有时候我们可能需要在Vue中使用一些特定的JavaScript代码或是第三方库，那么该如何正确地在Vue中启用JavaScript呢？本文将通过一个具体的问题来介绍如何在Vue中启用JavaScript，并给出相应的代码示例。
## 问题描述
假设我
原创
2024-03-21 07:13:12
130阅读
这篇文章盘点了Vue的所有基础操作，如果有人找到了不在文章中的基础操作，这就说明它对我来说已经不是基础了。1、v-if、v-else-if、v-else、v-show 这四个属性中，只有v-else后面没有跟上=""，且v-else前面必须跟着v-if或者v-else-if，v-else-if前面必须跟着v-if。v-show和前面仨货的区别就是v-show是隐藏了自己，就是display的操作
sourceMap到底是个啥玩意？一、前言sourceMap是一个由来已久的名词，自从2013年jQuery开始支持以来，开始逐渐广泛的被应用于各种打包工具上，最具标志性的便是前端er必须具备的webpack。webpack是一个模块打包工具，在使用的过程中有许多配置项可以选择，例如：source-map、cheap-module-source-map、cheap-source-map、eval-
因为在没有手动修改 devtools/build 设置的情况下，当 npm run build 执行时，vue 项目环境默认配置如下 process.env.NODE_ENV "production"; Vue.config.devtools = false; 所以导致很多使用 vue 框架开发的项 ...
转载
2021-07-19 12:32:00
1820阅读
2评论
原创
2023-07-19 16:31:34
113阅读
如何导入GitHub下的vue项目，并在本地电脑启动一、准备工作node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm、npm 的淘宝镜像注： Henley-PC已经使用全局安装好，（建议全局安装）其他电脑需检查二、安装node.js安装node.js比较简单，需要该安装路径则修改，直接下一步即可注：建议安装比较新版本的node.js，否则新版本cnpm等不支持旧版本node.
转载
2024-05-15 08:56:00
170阅读
vue 线上环境 开启 vue-devtools
原创
2023-08-13 07:16:54
403阅读
vueJs 源码解析 （三） 具体代码在之前的文章中提到了 vuejs 源码中的 架构部分，以及 谈论到了 vue 源码三要素 vm、compiler、watcher 这三要素，那么今天我们就从这三要素逐步了解清楚
好了，话不多说， let's do it
在这之前，我们需要 对上文中讲到的 vuejs 的源码是 flow 写法的问题进行一个简化。 毕竟还有有工具是可以解决的。
可以用bab
转载
2023-08-22 11:40:45
114阅读
defineProperty 介绍Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。defineProperty 定义的属性默认不可修改，当 writable 为 true 时允许修改如：const test= {};
Object.defineProperty(test, 'property1', {
转载
2024-06-15 06:07:43
182阅读
Vue.js 运行机制全局概览全局概览希望大家在有了一定的vue.js 寄出后再来阅读首先我们来看一下笔者画的内部流程图。大家第一次看到这个图一定是一头雾水的，没有关系，我们来逐个讲一下这些模块的作用以及调用关系。相信讲完之后大家对Vue.js内部运行机制会有一个大概的认识。初始化及挂载在 new Vue() 之后。 Vue 会调用 _init 函数进行初始化，也就是这里的 init 过程，它会初
那么让我们深入了解一下Vue 3中watchEffect函数的使用，如何在监视回调中使用属性来提高搜索引擎优化。watchEffect函数watchEffect函数是Vue 3中一个新的API，它允许您监视响应式数据的变化，并在数据变化时立即执行回调函数。与watch属性不同的是，watchEffect函数会自动追踪在回调函数中使用的响应式属性，只要其中的任何一个发生了变化，watchEffect
转载
2024-02-19 18:58:36
233阅读
无论你开发什么样的项目，你可能都会要开发登录、注册、修改密码、忘记密码这些功能，少数项目除外！！要实现这些功能，对于保护用户或者管理员账号密码，这是我们程序员肯定要做的事情。要是用户密码不加密，用明文方式传给后台，是不是有点耍流氓了！！！所以为了保证密码的不可见性，我们还是加密吧！下面我简单介绍一下三种加密方法，也是我最常用的三种方法。1.MD5： 1)、基本介绍消息摘要
转载
2024-10-27 11:19:07
38阅读
在当今微服务架构中，如何有效管理服务的开启和关闭，尤其是当涉及到前端框架如 Vue.js 和后端技术如 Java 服务时，成为了一个亟待解决的问题。本文将详细记录我在解决“Vue 微服务开启关闭 Java 服务”过程中所经历的各个阶段，包括背景定位、演进历程、架构设计、性能攻坚、故障复盘等内容。
### 背景定位
在商业环境日益复杂的今天，我们面临着越来越多的技术债务。我们需要对业务场景进行分
gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助compression webpack plugin实现gzip压缩，首先需要安装该插件：npm i -D compression-webpack-plugin在vue cli3.0 生成的项...
转载
2021-07-26 16:56:14
160阅读
基本概念vue-cli：A simple CLI for scaffolding Vue.js projects. 一个简单的Vue.js工程命令行脚手架工具。官网：https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-build文件结构 一个比较典型的用webpack管理的vue项目应该有如下文件和文件夹：文件夹
gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。webpack在打包时可以借助compression webpack plugin实现gzip压缩，首先需要安装该插件：npm i -D compression-webpack-plugin在vue cli3.0 生成的项...
转载
2022-02-12 14:46:51
252阅读
什么是ES6ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~ 1 声明变量const let varES6以前 var关键字来声明变量，无论声明在何处都存在变量提升这个事情~~会提前创建变量~作用域
转载
2024-05-15 20:40:32
72阅读
在项目开发中，涉及多人开发，在一定程度内统一代码风格，在编码过程中及时校验语法的合法性十分重要。veturvetur是vscode下的辅助Vue开发的一款插件，它有如下功能：1. 语法高亮：支持.vue文件的语法高亮，除了支持template模板以外，还支持大多数主流前端开发脚本，比如sass、less、TypeScript等：2.你可以使用一些snippet来编写不同的脚本，比如在script中
转载
2024-02-19 12:45:47
389阅读
前言在前面「Python web框架开发」系列已经发布完毕了，总共10篇文章。Python 开发Web静态服
原创
2021-06-18 12:14:28
439阅读
