sunwugang - 博客园

Vue学习笔记44--mixin混入

摘要： mixin混入：可以理解为是代码的一种重构复用一个混入对象可以包含任意组件选项（如data、methods、mounted等等）。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。示例一：局部混合示例局部混入就是在单独的vue组件中引入了mixin混入对象 Studen 阅读全文

posted @ 2024-03-11 15:31 sunwugang 阅读(170) 评论(0) 推荐(0)

Vue学习笔记43--props

摘要： Vue--props属性：让组件接收外部传入的数据传递数据：<Demo name="xxx"/> 接收数据：第一种方式：只接受第二种方式：接收 + 限制类型第三种方式：接收 + 限制类型 + 现在必要性 + 指定默认值注：props是只读的，Vue底层会监测对props的修改，如果进行修改阅读全文

posted @ 2024-03-11 10:47 sunwugang 阅读(28) 评论(0) 推荐(0)

Vue学习笔记42--ref

摘要： Vue==>ref ref属性被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实的DOM元素，应用在组件标签上是组件实例对象(vc) 使用方式：声明标识：<h1 ref="xxx">。。。。。。</h1> 或<School ref="xxx"></School>— 阅读全文

posted @ 2024-03-11 09:59 sunwugang 阅读(16) 评论(0) 推荐(0)

Vue学习笔记41--修改脚手架默认配置 + 脚手架文件结构总结

摘要：修改脚手架默认配置运行命令：vue inspect>output.js 注：运行出错，删除对应目录下的文件后再运行指令即可。注：不要随便改配置哦脚手架配置可查看：https://cli.vuejs.org/zh/config/ 常见的语法检查工具：eslint、jslint、jshint配置方阅读全文

posted @ 2024-03-08 14:28 sunwugang 阅读(39) 评论(0) 推荐(0)

Vue学习笔记40--脚手架项目架构分析

摘要：脚手架项目架构分析 1.babel.config.js——babel的控制文件，用于ES6转ES5(一般不需要程序员进行配置，如想研究请查看babel官网) module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } 2.pack 阅读全文

posted @ 2024-03-08 11:09 sunwugang 阅读(36) 评论(0) 推荐(0)

Vue学习笔记39--创建Vue脚手架(即使用脚手架创建项目) + 组件化编程流程

摘要：创建Vue脚手架 1.Vue脚手架是Vue官方提供的标准开发工具(开发平台)2.脚手架最新版本4.x3.文档：https://cli.vuejs.org/zh/ 操作步骤：第一步：(仅第一次执行--新环境执行，创建过项目的话，从第二步开始)：全局安装@vue/cli (command line in 阅读全文

posted @ 2024-03-07 18:04 sunwugang 阅读(211) 评论(0) 推荐(0)

Vue学习笔记38--单文件组件

摘要：单文件组件命名规则如下所示：单个单词命名规则：方式一：temp.vue方式二：Temp.vue 建议使用(可和vue开发者工具呼应) 多个单词命名规则方式一：my-temp.vue方式二：MyTemp.vue 建议使用(可和vue开发者工具呼应) 组件交互相关的代码暴露方式：1.分别暴露：e 阅读全文

posted @ 2024-03-07 15:54 sunwugang 阅读(34) 评论(0) 推荐(0)

Vue学习笔记37--内置关系

摘要：示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>一个重要阅读全文

posted @ 2024-03-07 11:21 sunwugang 阅读(16) 评论(0) 推荐(0)

Vue学习笔记36--VueComponent构造函数

摘要： VueComponent构造函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2024-03-06 19:55 sunwugang 阅读(55) 评论(0) 推荐(0)

Vue学习笔记35--组件嵌套

摘要：组件嵌套示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文

posted @ 2024-03-06 18:26 sunwugang 阅读(19) 评论(0) 推荐(0)

欢迎莅临 SUN WU GANG 的园子！！！

公告