摘要:
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 阅读全文