文章目录Rest微服务构建工程模块1.总体介绍1.知识储备2.Maven的分包分模块架构1.一个Project带着多个Moduel子模块2.MicroServiceCloud父工程(Project)下初次带着3个模块(Moduel)2.构建微服务SpringCloud版本3.构建步骤1.microservicecloud 整体父工程Project2.microservicecloud-api公共
转载 8月前
0阅读
文章目录Vue3源码总览Vue3源码笔记系列文章前言一、从哪里搞到源码?二、开始学习1.准备所需文件,并且引入Vue32.如何读源码3.源码重点函数一览 前言之前读过Vue2的源码,所以Vue3源码发布后就迫不及待的赶紧下载下来读了读,对比Vue2的源码还是有许多改变,但是对Vue2源码有所了解还是比较好读的,我自己也是一边读代码一边记笔记,把自己的一些笔记和想法分享在这里,如果有错误的地方希望
还是从初始化方法开始找代码,在 src/core/instance/index.js 中,先执行了 renderMixin 方法,然后在Vue实例化的时候执行了 vm._init 方法,在这个 vm._init 方法中执行了 initRender 方法。renderMixin 和 initRender 都在 src/core/instance/render.js 中,我们来看看代码:renderM
转载 2024-07-19 22:20:23
239阅读
最近比较急的接手了公司的微信服务号项目,采用的技术栈主要是jq和vue。在项目中之前碰见过jq写的$().on('click',function(){})点击事件不起作用,只能写在vue实例中的methods中,然后用@click去监测。一直困惑的是这个BUG在不同的页面中有时有,有时没有,而且出现的情况很少。今天工作闲了一点,于是乎专心去琢磨这个问题。网上百度到的解决方案是这样的,如下图:于是乎
转载 2024-07-30 13:44:29
182阅读
直接上代码了 有详细注释 每一行都有 仔细读一下就懂了// 路由文档 // 1、导入路由 导入Vue进行挂载 import Router from 'vue-router'; import Vue from 'vue'; Vue.use(Router); // 2、导入组件进行路由懒加载 (否则可能会出现首页白屏问题并且也会造成很大性能问题)|| 量大的话写个js文件写好路由 然后类似模块一样
转载 2024-07-24 12:46:19
580阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
Vue3
原创 4月前
48阅读
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少 使用Proxy代替defineProper
原创 2024-07-21 09:24:38
146阅读
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] A --> D[如何引入vue3] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少
原创 精选 2024-08-05 15:03:53
230阅读
那么让我们深入了解一下Vue 3中watchEffect函数的使用,如何在监视回调中使用属性来提高搜索引擎优化。watchEffect函数watchEffect函数是Vue 3中一个新的API,它允许您监视响应式数据的变化,并在数据变化时立即执行回调函数。与watch属性不同的是,watchEffect函数会自动追踪在回调函数中使用的响应式属性,只要其中的任何一个发生了变化,watchEffect
v-for中的key是什么作用?在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个key属性。 官方中对key的作用解释:key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销
转载 2024-02-02 11:41:40
93阅读
一.Vue3的介绍相信大家都已经学习过Vue2了,对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢,主要是他有以下的特点。 (1)新增组合式api (2)更加接近原生 (3)更加解耦(react启发)二.Vue3的安装全局安装脚手架(如果安装过脚手架请忽略这步)npm i @vue/cli -g 创建一个vue3 的项目vue create 项目名称
1、Vue3简介1.1、Vue3带来了什么1.性能的提升Vue3Vue 2相比,在包大小(使用 tree-shaking 时减轻多达 41%)、初始渲染(速度提高多达 55%)、更新(多达 133% 更快)和内存使用(最多减少 54%)。打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟
转载 2023-10-23 19:59:39
180阅读
与reactive函数一样,watch同样在vue3中也是一个暴露出来的函数。在setup中直接调用即
原创 2022-10-23 00:27:57
1087阅读
  pinia的简介和优势:Pinia是Vue生态里Vuex的代替者,一个全新Vue的状态管理库。在Vue3成为正式版以后,尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方,也就是Pinia的五大优势。可以对Vue2和Vue3做到很好的支持,也就是老项目也可以使用Pinia。抛弃了Mutations的操作,只有state、getters和actions
转载 2024-04-24 09:57:18
185阅读
创建Vue3项目方式一: 使用vue-cli:vue的脚手架----->创建vue项目----->构建vue项目----->前端工具链 创建方式还是和之前一样,Vue版本要选择Vue3的版本 方式二: 使用vite创建: vite:https://cn.vitejs.dev/ :npm create vue@latest
转载 2024-06-24 23:02:55
285阅读
FreeMarker  freemarker是一个用java开发的模版引擎,百度百科:    常用的java模版还有快要被抛弃的Jsp(熟悉)、Thymeleaf(了解)、Velocity(不知)freemarker不关心数据的来源,知识根据模版的内容,将数据模型在模版中显示并输出文件;快速入门难登大雅SpringMVC在默认情况下是支持freemarker视图格式的,我们创建SpringBoot
转载 8月前
35阅读
  • 1
  • 2
  • 3
  • 4
  • 5