文章分类 - Vue3 教程
以Vue3为主
少部分Vue2
摘要：1、更方便的解决方案 根据官方文档的描述，devServer配置被要求在manifest.json去配置，并且由于这个配置文件是json格式的，所以只能对简单类型进行配置。但对于proxy这项配置来说也是足够了的。 manifest.json文件 // manifest.json { "h5": {
阅读全文
摘要：一、概念： 1、XSS（Cross Site Scripting）：跨站脚本攻击 XSS攻击 通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScri
阅读全文
摘要：一、渲染函数API（模板的代替方案） 在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力。这时渲染函数就派上用场了。 注：Vue 的渲染系统基于“虚拟 DOM”；虚拟 DOM (Virtual DOM，简称 VDOM)
阅读全文
摘要：一、简单路由（不引入一整个路由库） 1、示例（动态组件切换的方式） <script> import Home from './Home.vue' import About from './About.vue' import NotFound from './NotFound.vue' const r
阅读全文
摘要：一、概念 1、为什么需要构建工具 在传统的大型项目前端开发中，每次加载网页需要请求上百上千个文件js、css文件，产生大量不必要的网络交互。构建工具的出现解决了这个问题，构建工具会自动的把js或css文件合并成一个或多个文件，获得最佳的加载性能。还能将代码进行 tree-shaking、懒加载和 c
阅读全文
摘要：1、插件的概念 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。 1）一个插件可以是一个拥有 install() 方法的对象，也可以直接是一个安装函数本身。 2）安装函数会接收到安装它的应用实例和传递给 app.use() 的额外选项作为参数。 3）插件的常见使用场景： ① 通
阅读全文
摘要：计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。 1、watch简单示例 <template> <p> Ask a yes/no question: <input v-model="questi
阅读全文
摘要：选项式钩子的示例 <!-- CustomInput.vue --> <template> <input v-model="value" /> </template> <script> export default { // 一、组件实例化阶段的生命周期函数： beforeCreate(){ // 1
阅读全文
摘要：1、概念 由于Vue 是一种基于 HTML 的模板语言（前端框架）。Vue模板能够声明式地将Vue组件实例绑定到网页DOM 上。所有的 Vue 模板在语法层面上都是合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。 2、Vue模板做了什么？ 1）在Vue的底层机制中，Vue 会将模板
阅读全文
摘要：一、Vue数据类型 1、基础类型 Number(数字)、String(字符串)、Boolean(布尔)、Date(日期)、Array(数组)、Object(基础对象)。 2、其他类型 Function(方法)、Symbol(属性)。 3、自定义类型 class Person { constructo
阅读全文
摘要：Vue 的组件可以按两种不同的风格书写：选项式 API 和组合式 API。选项式 API 是在组合式 API 的基础上实现的！关于 Vue 的基础概念和知识在它们之间都是通用的。 在生产项目中： ① 当你不需要使用构建工具，或者打算主要在低复杂度的场景中使用 Vue，例如渐进增强的应用场景，推荐采用
阅读全文
摘要：1、创建应用并挂载到页面中： import { createApp } from 'vue' // 1、引用vue方法 import App from './App.vue' // 从一个单文件组件中导入根组件 const app = createApp(App); // 2、添加根组件 /* 或者
阅读全文
摘要：一、启动顺序： 【index.html+main.js+main.css】->【App.vue】->【HelloWorld.vue、TheWelcome.vue】 1、【index.html+main.js+main.css】 ① 使用div设置Vue应用空间<body><div id="app">
阅读全文
摘要：一、概念： VUE3 学习笔记（一）——Vue3介绍 二、安装开发环境： VUE3 学习笔记（二）——开发环境安装与部署项目 VUE3 学习笔记（三）——Nodejs版本升级、降级与版本共存 三、工程目录讲解 VUE3 学习笔记（四）——目录介绍 VUE3 学习笔记（五）——页面启动逻辑分析 四、基
阅读全文
摘要：一、Vue是什么？ Vue (渐进式框架；发音为 /vjuː/，类似 view)： 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue
阅读全文
摘要：有些项目较老node难免降级，新项目又需要新版本node。所以需要写一写这样的文章。 一、升级与降级 node的历史版本下载地址：https://registry.npmmirror.com/binary.html?path=node/；控制面板卸载当前版本，然后安装对应版本即可。 二、多版本共存
阅读全文
摘要：二、目录介绍 编辑工具可以使用VSCode或者HBuilderX 一、Vue3目录 1、目录介绍： \my-vue-project │ .gitignore │ index.html ：首页入口文件 │ package-lock.json ：锁定安装时的包的版本号，使所有人的npm install安
阅读全文
摘要：一，安装（npm形式，这里用了nodejs的安装包，其中默认包含了npm；使用nodejs是因为会微信小程序开发，小程序环境配置的第一步就是安装nodejs，下面补充了常规的安装方法） 1，nodejs下载地址：https://nodejs.org/en/，一步步选择默认项安装就行： 2，验证是否安
阅读全文
