1. 初始化流程概述图、代码流程图1.1 初始化流程概述通过debug的方式总结了Vue从初始化到递归创建元素的大致流程：定义Vue构造函数/全局API/实例的属性方法 -> new Vue() -> init() -> mountComponent -> render -> patch -> createElm-> createComponent -&g
转载
2024-07-09 21:02:13
117阅读
超详细Vue3.x项目安装/初始化过程1. 安装Node.jsNode.js安装包下载地址安装步骤查看安装版本2. 切换为淘宝下载源3. 安装/更新编译环境4. 全局安装vue-cli查看vue-cli安装版本5. 全局安装webpack6. 初始化项目选择安装方式选择需要的配置内容vue版本是否使用class风格的组件语法是否使用Babel与TypeScript一起用于自动检测的填充是否使用
转载
2024-05-10 18:17:16
161阅读
查找Vue构造函数接下来将说两种找到vue构造函数的方法：debugger 查找debugger查找这种方法比较简单，但很不程序员，不用一步一步的去查找，逻辑不够严谨。 具体如何debugger查找，从上一篇文章中的断点（debugger）开始说起。如图就是执行到断点的代码接下来为了照顾不会打断点的同学，说一下上图中，右上角的几个断点调试涉及到的图标的作用图标1：resume script exe
Vue CLI 4 可以通过图形化界面初始化项目，并安装 Babel、PWA、Router、Vuex、Less、Linter、Jest、Cypress 等插件，相对命令行更加便捷和高效，命令如下：# 安装 vue 命令行工具npm install -g @vue/cli# 生成一个名为 vue-starter 的项目vue create vue-starter# 进入 vue-starter 项目
1.首先我们会考虑使用脚手架安装安装脚手架工具：npm i -g vue-cli查看vue是否安装成功&版本号：vue -v 使用vue-cli初始化项目：vue create project-name 其中 project-name是项目名称。 之后按Enter选择Vue2. 一定要注意，我这里是使用命令 vue create 项目名称初始化创建的，所以没有太多的Enter操作。只需要选
转载
2024-06-13 05:45:21
102阅读
生命周期Vue的生命周期分为三个阶段，分别为： 初始化，运行中， 销毁，一共8个钩子函数注意： 生命周期钩子函数不允许写成箭头函数1.什么是生命周期？vue中的生命周期指的是 组件 从创建到销毁的一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（ 这些方法具备一些功能），我们给这些方法起了个名字叫做（ 生命周期钩子函数/ 组件钩子 ）2. 生命周期的作用？因为我们想在生命周期钩子中实现
Vue3.0的初始化官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/1、创建一个Vue3.0的项目1、npm init vite-app vue3.02、cd vue3.03、npm install4、npm run dev此时，项目已经创建成功！！！！2、体验一下Vue3.0的新变化1、setup()——beforeCreate 、created 之前执行。setup
转载
2024-05-28 23:00:16
102阅读
Vue.js 是通过数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter,getter，在数据变动时发布消息给订阅者，触发相应的监听回调。第一步 - 实现一个指令解析器(Compile)初始化页面模版，包括基本的程序入口和DOM结构<!DOCTYPE html>
<html lang="en">
<hea
vue3正式版发布已有不少时间了，一直没有机会去使用，这周用了vue3写了一点页面，对vue3的源码产生了好奇，所以趁着周六来学习一波vue3的源码。这里就不讲vue3的相关写法了，只关注它的源码。vue架构上图是vue代码的一个架构，主要是三个模块。主要是程序运行时有关的模块、响应式模块、程序编译相关的模块。今天因为是学习初始化流程，就先从runtime-dom开始说起吧。createApp我们
转载
2021-02-01 10:07:57
887阅读
2评论
element-plus 首先去安装这些依赖包，安装好了将其引入，引入的方式有全局引用和局部引入。图标如果没有去做全局注册的话，要去导入一下，引入一下才能使用这个图标，也就是局部导入，这样在后面使用图标的时候直接使用就行了，就不需要再去导入了。component是注册组件，在main.js里面的话就是全局注册，所有地方都能用，use是使用第三方包的特
原创
2023-08-05 00:45:14
228阅读
项目初始化 安装vue脚手架 通过vue脚手架创建项目 配置Vue路由 配置Element-UI组件库 初始化git远程仓库 将本地项目托管至Github或码云中 1.安装vue脚手架 参考另一篇文章 : vue-cli 2.通过vue脚手架创建项目 Ctrl + R , 输入vue ui 使用控制 ...
转载
2021-07-12 15:38:00
214阅读
2评论
学习要点：1.框架理解 2.options 3.生命周期本节课我们来开始学习 Vue 声明对象，并且理解传递选项对象的方法。一．框架理解1. 所有的前端框架基本都是为了简化：模版渲染、事件绑定和用户交互问题；2. Vue 参考了 MVVM 模型，即：视图(View)-视图模型(ViewModel)-模型(M
首先安装好node.jsnpm安装vue$ npm install vue 安装vue脚手架后生产模板项
原创
2022-06-29 19:54:34
101阅读
1、 创建 vue3.0 工程 1、使用 vue-cli 创建 vue create vue_test 2、使用 vite 创建 官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite 官网：https://vitejs.cn v ...
深入理解 Vue 的初始化过程，再也不怕 面试官 的那道面试题：`new Vue(options)` 发生了什么？
目标深入理解 Vue 的初始化过程，再也不怕 面试官 的那道面试题：new Vue(options) 发生了什么？找入口想知道 new Vue(options) 都做了什么，就得先找到 Vue 的构造函数是在哪声明的，有两个办法：从 rollu
转载
2024-04-30 19:23:42
66阅读
1. vue (function (global, factory) {
//根据当前环境中用的ADM或COMMONJS格式的模块规范或者未用模块管理规范，将Vue（函数）对象返回给对应变量属性（或全局变量），
typeof exports === 'object' && typeof module !== 'undefined' ? modu
转载
2023-12-10 11:18:38
106阅读
1.菜单高亮 用到element-ui里面的default-active 此属性规定 定义哪一个路径那个菜单栏就高亮显示 那么我们可以点击菜单栏的时候 拿到路径放到sessionStorage缓存中 在每次页面初始化的时候赋值回去 1.<el-menu
background-color="#333744"
text-color="#fff"
vue之表单处理（二）值绑定单选按钮复选框选择框修饰符.lazy.number.trim综合小练习实验总结 值绑定下面我们来学习如何进行表单元素值的初始化绑定。文本和多行文本值绑定 直接在标签上指定 value 是不能成功的，会被 Vue 忽略。<!DOCTYPE html>
<html lang="en">
<head>
<meta cha
Vue路由实现、路由导航、路由模式
1.$router和$route区别 router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象，和router-link跳转一样,this.$router.push会往history栈中添加一个新的记录。 route相当于当前正在跳转的路由对象,可
本文主要介绍：1、什么是服务端渲染、与客户端渲染的区别是什么？ 2、为什么需要服务端渲染，服务端渲染的利弊 3、服务端渲染的原理及技术实现一、客户端渲染（CSR）VS服务端渲染(SSR)CSR是Client Side Render简称；页面上的内容是我们加载的js文件渲染出来的，js文件运行在浏览器上面，服务端只返回一个html模板。SSR是Server Side Render简称；页面上的内容是
