摘要：解绑组件自定义事件 // this.$off('defineMyEvent')//解绑一个自定义事件 //解绑多个自定义事件 // this.$off(['defineMyEvent', 'demoEvent']) //等价于this.$off() //解绑所有自定义的事件 this.$off()
阅读全文
随笔分类 - Vue
Vue学习笔记
摘要：props--将子组件的信息传递给父组件 <!-- 通过父组件给子组件传递函数类型的props实现：子给父传递数据 --> <School :getShcoolName="getShcoolName"></School> 示例一： App.vue <template> <div class="app
阅读全文
摘要：浏览器存储：意思就是本地缓存信息 local Storage 示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
阅读全文
摘要：问题一：.Vue文件中出现红色波浪线提示 1.在项目中找到package.json文件 2.在eslintConfig对象中添加——"requireConfigFile": false, 问题二： 删除 npm 相关信息(路径eg:C:\Users\Administrator\AppData\Roa
阅读全文
摘要：组件化编码流程(通用)： 实现静态组件：抽取组件，使用组件实现静态页面效果 展示动态数据： 数据的类型、名称是什么？ 数据保存在那个组件？ 交互：从绑定事件监听开始
阅读全文
摘要：scoped样式 <!-- 组件的默认样式 css写法 --> <!-- <style scoped> .demo { background-color: cadetblue; } </style> --> <style lang="less" scoped> .demo { background-
阅读全文
摘要：插件：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 定义插件：install 可传递多个参数 对象.install = function(Vue,options){ //定义全局过滤器 Vue.filter(..
阅读全文
摘要：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
阅读全文
摘要：组件：实现应用中--局部--功能--代码--和--资源--的集合（组件就是一块砖，哪里需要，哪里搬） 模块 理解：向外提供特定功能的js程序，一般就是一个js文件 为什么：js文件很多很复杂 作用：复用js，简化js的编写，提高js运行效率 组件 理解：用来实现局部特定功能效果的代码集合(html、
阅读全文
摘要：示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>引入生命
阅读全文
摘要：Vue学习笔记32--自定义指令--对象式 总结： 1.autofocus属性，用于input自动获取焦点 2.directives指令中 this 是指 window 3.vm 中使用directives进行自定义指令，为局部指令 4.全局指令和全局过滤器类似，应在vm之外使用 directive
阅读全文
