摘要: 总结: 计算属性computed: 1.定义:要用的属性不存在,要通过已有属性计算得来。 2.原理:底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行? (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 阅读全文
posted @ 2022-03-30 20:06 椿c 阅读(99) 评论(0) 推荐(0)
摘要: 总结: 计算属性computed: 1.定义:要用的属性不存在,要通过已有属性计算得来。 2.原理:底层借助了Objcet.defineproperty方法提供的getter和setter。 3.get函数什么时候执行? (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。 阅读全文
posted @ 2022-03-30 20:04 椿c 阅读(190) 评论(0) 推荐(0)
摘要: mixin(混入) \1. 功能:可以把多个组件共用的配置提取成一个混入对象 \2. 使用方式: (1)另起一个js文件,mixin.js。把多个组件共用的配置放入其中并暴露出来。 mixin.js文件的代码 export const mixin = { methods: { showName(){ 阅读全文
posted @ 2022-03-30 19:55 椿c 阅读(30) 评论(0) 推荐(0)
摘要: ref属性 (有点类似原生js的获取元素) \1. 被用来给元素或子组件注册引用信息(id的替代者) \2. 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) \3. 使用方式: \1. 打标识:<h1 ref="xxx">.....</h1> 或 <School 阅读全文
posted @ 2022-03-30 19:49 椿c 阅读(87) 评论(0) 推荐(0)
摘要: app组件的代码 <template> <div class="d1"> <!-- 两种子给父传值的方法 --> <!-- 第一种是父给子先传递函数 子组件要用props接收数据,然后调用函数,给父组件返回值--> <MyStudent :getStudentName="getStudentName 阅读全文
posted @ 2022-03-30 19:45 椿c 阅读(4742) 评论(0) 推荐(0)
摘要: vue的v-if,v-show,v-for,v-on用法 v-show <!-- 隐藏元素 v-show 作用跟display一样 切换频繁可以用--> <!-- <h1 v-show="flase">欢迎来到{{name}}</h1> --> <!-- 只要返回结果为布尔值就行 --> <!-- 阅读全文
posted @ 2022-03-30 19:31 椿c 阅读(293) 评论(0) 推荐(0)
摘要: 学习插值语法和指令语法。 vue的插值语法是这个形态 {{name}},一般放在标签中的内容部分。 vue的指令语法是在这样的 <a v-bind:href="https://www.baidu.com"> 点击链接去百度 </a>,一般是在标签前内部。 这是单向绑定 v-bind: 也可以简写为  阅读全文
posted @ 2022-03-30 19:28 椿c 阅读(132) 评论(0) 推荐(0)