# Vue3 项目搭建 # 1. 项目搭建 ​ 配置语法规范，忽略文件 eslint 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950module.exports = { env: { browser: true, es2021: true, node: true, jest: true }, parser: 'vue-eslint-parser',...

# Vue3 万字基础 (知识点补充) # 1.props 父传子通过传一个带参函数也可以实现子传父 1234567891011121314父：<Child info="我是曹操" :money="money" :mySon="mySon"></Child>function mySon(value: string) { console.log(value,...

# Webpack 前端工程化 # 模块化 js,css 等的模块化 # 组件化 复用现有的 UI, 样式行为 # 规范化 目录结构的划分，编码规范化，接口规范化，文档规范化，git 分支管理 # 自动化 自动化构建，自动化部署，自动化测试 # 基本使用 1. 新建空白项目使用命令初始化包管理配置文件 1npm init -y 2. 新建 src 源代码目录 3. 新建 src/index.html 和 index.js 4. 初始化页面基本结构 5. 安装 jq 1npm intsall jquery -S 通过 es6 模块化引入 js，并写出代码让 html 页面的 ulli...

# Vue3.0 万字基础篇 补充： # 1. 过滤器的使用 连续调用 1{{值|过滤器2|过滤器3}} 第一个值会传给第二个过滤器里面的第一个参数，第二个过滤器处理完后返回值在第三个过滤器里面也可以拿到进行处理。 传参，接受参数顺序位置 123456789{{message|filter(a,b)}} 接受值 Vue.filter(filter,(message,a,b)=>{}) #...

# Express 创建本地服务器 # 创建 express 文件夹 # 初始化项目文档 1npm insatll express # 创建项目入口文件 app.js 123456789const express = require('express')const app=express() app.listen(8081,()=>{ console.log('端口运行在8081');}) 1npm i mysql # 创建 db 文件夹添加 mysql.js 作为 sql...

# 什么是前端工程化 # 模块化 js,css 等的模块化 # 组件化 复用现有的 UI, 样式行为 # 规范化 目录结构的划分，编码规范化，接口规范化，文档规范化，git 分支管理 # 自动化 自动化构建，自动化部署，自动化测试

[TOC] 核心语法 # 1.OptionsAPI（选项式）和 CompositionAPI（组合式） 选项式 API：data,methods,name 等 Vue2 的基础写法 弊端：数据方法计算属性分别在不同的 api 中不便于维护和复用组合式 API？ 2.setup 原来数据是写在 data 里面的现在这样的写法不是响应式的 而且 setup 会比 beforeCreate 要响应的更早， setup return 也可以是一个函数 1234567891011121314151617return （）=>'hellow'export...

# Es6 模块化和异步编程 # nodejs 如何实现模块化 nodejs 遵循 CommonJS 模块化规范使用 require () 导入模块，使用 module.exports 向外共享组件。 ES6 之前有 AMD、CMD、CommonJS 等模块化规范，但是 AMD、CMD 适合浏览器端的模块化，CommonJs 适合服务器端的模块化 # ES6 模块化规范 ES6 模块化规范是前后端通用的模块化开发规范。 在 ES6 中每个 js 文件都是一个独立的模块， 1. 导入模块成员需要用到 important 关键字 2. 使用 export 向外共享成员 nodejs 中默认支持...

# vue 实例对象 # 组件如何被浏览器识别的？ 配置文件中的 vue-template-compiler 就是 vue 模板解析的用来将.vue 文件编译成 js 文件交给浏览器去执行，把组件中的标签等编译成 js 交给浏览器去执行 # 组件的生命周期（创建 > 运行 > 销毁） 其中呢包含多个生命周期函数，是 vue 内置的函数，伴随着生命周期自动依次执行。 当使用一个组件时就是创建组建的实例对象 1new Vue() init Events 和 Lifecycle 初始化事件和生命周期函数 初始化事件和函数完成后触发...

# Vue 的笔记记录 ----- 万字基础篇 # 指令 指令是 Directives, 是模板语法，用于辅助开发渲染页面的基本结构 # 1. 内容渲染指令 v-text 1234567891011<p v-text='username'></p> const vm=new Vue({ el:'app', data:{...