为你编程

2024年4月8日

该文被密码保护。阅读全文

posted @ 2024-04-08 17:12 为你编程阅读(1) 评论(0) 推荐(0) 编辑

摘要：一、ESLint 在vscode插件中搜索ESLint，https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint 什么是 ESLint 官方概念：ESLint 是可组装的 JavaScript 和 JSX 检阅读全文

posted @ 2024-04-08 17:11 为你编程阅读(361) 评论(0) 推荐(0) 编辑

前端【VUE】08-vue【插槽】【默认插槽】【具名插槽】【作用域插槽】

摘要： 1、默认插槽默认插槽对应的插槽的名字为default 1、组件目录下 components/MyDialog.vue 1 <template> 2 <div class="dialog"> 3 <div class="dialog-header"> 4 <h3>友情提示</h3> 5 <span 阅读全文

posted @ 2024-04-08 15:59 为你编程阅读(60) 评论(0) 推荐(0) 编辑

前端【VUE】07-vue【路由】【声明式导航【导航高亮-精确匹配和模糊匹配】【自定义高亮类名】【导航传参】】【编程式导航【导航传参【查询参数传参、动态路由传参】】】【路由守卫】

摘要：一、路由单页应用程序: SPA - Single Page Application VueRouter 的介绍作用：修改地址栏路径时，切换显示匹配的组件说明：Vue 官方的一个路由插件，是一个第三方包官网：https://v3.router.vuejs.org/zh/ vue2 对应 ro 阅读全文

posted @ 2024-04-08 10:36 为你编程阅读(67) 评论(0) 推荐(0) 编辑

2024年4月7日

前端【VUE】06-vue【组件组成】【组件通信【父传子、子传父、非父子传递】】【进阶语法【.sync修饰符、v-model原理、$refs、自定义指令、Vue异步更新、$nextTick】】【子组件修改父组件的值】

摘要：一、组件的三大组成部分(结构/样式/逻辑) 组件的三大组成部分组件的样式冲突scoped 1、components目录下 components/BaseOne.vue 1 <template> 2 <div class="base-one"> 3 BaseOne 4 </div> 5 </temp 阅读全文

posted @ 2024-04-07 21:20 为你编程阅读(34) 评论(0) 推荐(0) 编辑

前端【VUE】05-vue【工程化开发和脚手架vue-cli、项目运行流程、组件化、组件注册】

摘要：工程化开发脚手架Vue CLI 基本介绍： Vue CLI 是 Vue 官方提供的一个全局命令工具。可以帮助我们快速创建一个开发Vue 项目的标准化基础架子。【集成了webpack配置】好处： 1. 开箱即用，零配置 2. 内置babel 等工具 3. 标准化修改npm源： npm conf 阅读全文

posted @ 2024-04-07 20:04 为你编程阅读(58) 评论(0) 推荐(1) 编辑

前端【VUE】04-vue【生命周期】

摘要：生命周期 ① Vue 生命周期和生命周期的四个阶段 ② Vue 生命周期函数（钩子函数） 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatibl 阅读全文

posted @ 2024-04-07 19:23 为你编程阅读(18) 评论(0) 推荐(0) 编辑

前端【VUE】03-vue【computed 计算属性】【watch 侦听器】

摘要：一、computed 计算属性 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta 阅读全文

posted @ 2024-04-07 15:23 为你编程阅读(20) 评论(0) 推荐(0) 编辑

前端【VUE】02-vue指令【v-html 、v-show、 v-if 、v-else、v-on、v-bind、v-for、v-model】

摘要： Vue 指令 ① v-html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta 阅读全文

posted @ 2024-04-07 15:21 为你编程阅读(42) 评论(0) 推荐(0) 编辑

前端【VUE】01-vue入门【概念、创建实例、插值表达式、响应式特性、开发者工具】

摘要： ① 概念 VUE官网：https://cn.vuejs.org/ ② 创建Vue实例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" 阅读全文

posted @ 2024-04-07 14:54 为你编程阅读(17) 评论(0) 推荐(0) 编辑

公告