leiyanting

导航

 
上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 48 下一页

2021年11月16日

摘要: School.vue文件 <template> <div class="demo"> <h2>学校名称:{{name}}</h2> <h2>学校地址:{{address}}</h2> <button @click="showName">点我提示学校名</button> </div> </templa 阅读全文
posted @ 2021-11-16 19:42 leiyanting 阅读(65) 评论(0) 推荐(0) 编辑
 
摘要: 1.一个重要的内置关系:VueComponent.prototype.__proto__ Vue.prototype 2.为什么要有这个关系:让组件实例对象(vc)可以访问到 Vue原型上的属性、方法。 阅读全文
posted @ 2021-11-16 09:49 leiyanting 阅读(120) 评论(0) 推荐(0) 编辑
 
摘要: 关于VueComponent: 1.school组件本质是一个名为VueComponent的构造函数,且不是程序员定义的,是Vue.extend生成的。 2.我们只需要写<school/>或<school></school>,Vue解析时会帮我们创建school组件的实例对象, 即Vue帮我们执行的 阅读全文
posted @ 2021-11-16 09:06 leiyanting 阅读(80) 评论(0) 推荐(0) 编辑
 
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>组件的嵌套</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js"></script> 阅读全文
posted @ 2021-11-16 08:48 leiyanting 阅读(128) 评论(0) 推荐(0) 编辑
 
摘要: 几个注意点: 1.关于组件名: 一个单词组成: 第一种写法(首字母小写):school 第二种写法(首字母大写):School 多个单词组成: 第一种写法(kebab-case命名):my-school 第二种写法(CamelCase命名):MySchool (需要Vue脚手架支持) 备注: (1) 阅读全文
posted @ 2021-11-16 08:14 leiyanting 阅读(812) 评论(0) 推荐(0) 编辑
 
摘要: Vue中使用组件的三大步骤: 一、定义组件(创建组件) 二、注册组件 三、使用组件(写组件标签) 一、如何定义一个组件? 使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别; 区别如下: 1.el不要写 阅读全文
posted @ 2021-11-16 08:00 leiyanting 阅读(39) 评论(0) 推荐(0) 编辑
 

2021年11月15日

摘要: 常用的生命周期钩子: 1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。 2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。 关于销毁Vue实例 1.销毁后借助Vue开发者工具看不到任何信息。 2.销毁后自定义事件会 阅读全文
posted @ 2021-11-15 20:00 leiyanting 阅读(53) 评论(0) 推荐(0) 编辑
 
摘要: 生命周期: 1.又名:生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm 或 组件实例对象。 <!DOCTYPE html> < 阅读全文
posted @ 2021-11-15 18:48 leiyanting 阅读(291) 评论(0) 推荐(0) 编辑
 
摘要: 自定义指令总结: 一、定义语法: (1).局部指令: new Vue({ new Vue({ directives:{指令名:配置对象} 或 directives{指令名:回调函数} }) }) (2).全局指令: Vue.directive(指令名,配置对象) 或 Vue.directive(指令 阅读全文
posted @ 2021-11-15 09:51 leiyanting 阅读(374) 评论(0) 推荐(0) 编辑
 
摘要: v-pre指令: 1.跳过其所在节点的编译过程。 2.可利用它跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>v-pre指令</title> <!-- 引入Vue 阅读全文
posted @ 2021-11-15 08:18 leiyanting 阅读(228) 评论(0) 推荐(0) 编辑
 
上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 48 下一页