摘要：
mixin混入：可以理解为是代码的一种重构复用 一个混入对象可以包含任意组件选项（如data、methods、mounted等等）。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 示例一：局部混合示例 局部混入就是在单独的vue组件中引入了mixin混入对象 Studen 阅读全文
摘要：
Vue--props属性：让组件接收外部传入的数据 传递数据：<Demo name="xxx"/> 接收数据： 第一种方式：只接受 第二种方式：接收 + 限制类型 第三种方式：接收 + 限制类型 + 现在必要性 + 指定默认值 注：props是只读的，Vue底层会监测对props的修改，如果进行修改 阅读全文
摘要：
Vue==>ref ref属性 被用来给元素或子组件注册引用信息(id的替代者) 应用在html标签上获取的是真实的DOM元素，应用在组件标签上是组件实例对象(vc) 使用方式： 声明标识：<h1 ref="xxx">。。。。。。</h1> 或<School ref="xxx"></School>— 阅读全文
摘要：
修改脚手架默认配置 运行命令：vue inspect>output.js 注：运行出错，删除对应目录下的文件后再运行指令即可。 注：不要随便改配置哦 脚手架配置可查看：https://cli.vuejs.org/zh/config/ 常见的语法检查工具：eslint、jslint、jshint配置方 阅读全文
摘要：
脚手架项目架构分析 1.babel.config.js——babel的控制文件，用于ES6转ES5(一般不需要程序员进行配置，如想研究请查看babel官网) module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } 2.pack 阅读全文
摘要：
创建Vue脚手架 1.Vue脚手架是Vue官方提供的标准开发工具(开发平台)2.脚手架最新版本4.x3.文档：https://cli.vuejs.org/zh/ 操作步骤：第一步：(仅第一次执行--新环境执行，创建过项目的话，从第二步开始)：全局安装@vue/cli (command line in 阅读全文
摘要：
单文件组件 命名规则如下所示： 单个单词命名规则： 方式一：temp.vue方式二：Temp.vue 建议使用(可和vue开发者工具呼应) 多个单词命名规则 方式一：my-temp.vue方式二：MyTemp.vue 建议使用(可和vue开发者工具呼应) 组件交互相关的代码暴露方式：1.分别暴露：e 阅读全文
摘要：
示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>一个重要 阅读全文
摘要：
VueComponent构造函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
摘要：
组件嵌套 示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title 阅读全文