![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
逐步深入学习Vue
后端小哥_哈哈
这个作者很懒,什么都没留下…
展开
-
let _this = this;作用讲解
let _this = this;作用讲解近日在学习vue方面,发现一个问题回答的挺好,在此记录下。作用讲解:正常我们要获取vue变量或方法的时候,就使用this,但是在一些用到回调函数的时候,this指的就不是vue变量,而是回调函数本身,所以在一开始的时候,先定义_this=this,这样在任何位置都可以用_this来获取vue变量或方法...原创 2020-12-08 11:32:22 · 3700 阅读 · 3 评论 -
vue props 传递函数 --转载
vue props 传递函数vue父子组件使用 props传递函数第一次见,再次记录下。Props的type是函数通过 props 传递 函数 看看有啥用。// 父组件</template> <div> <children :add='childrenClick'></children> <p>{{countF}}</p> </div></template><scri转载 2020-12-07 17:15:26 · 2450 阅读 · 0 评论 -
Vue中的export default 和带返回值的data()以及@符号的作用 --转载
Vue中的export default 和带返回值的data以及@符号的作用一直以来很费解为什么vue组件有的写成export default,有什么用?那data是什么意思?在引入组件时路径上加上@符作用是什么?本人问题是子组件中的data不太明白,度娘了下发现篇好文章在此记录下。//子组件export default { name: "file", props: { text: { default:"上传文件"转载 2020-12-07 17:12:48 · 2737 阅读 · 0 评论 -
Vue中 Watch 的详解 -- 转载
Vue中 Watch 的详解 -- 转载Watch概述immediate(立即处理 进入页面就触发)deep(深度监听)总结:Watch和computed的区别Watch概述一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue 实例将会在实例化时调用 $watch(),遍历 watch 对象的每一个属性。简单的监听<body><div id="app"> <input type="text" v-model="num"转载 2020-10-06 19:58:50 · 216 阅读 · 0 评论 -
Vue子组件调用父组件的方法 --转载
Vue子组件调用父组件的方法 --转载第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法第二种方法是在子组件里用$emit向父组件触发一个事件,父组件监听这个事件就行了。第三种是父组件把方法传入子组件中,在子组件里直接调用这个方法Vue中子组件调用父组件的方法,这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件<template> <div> <child>转载 2020-10-06 19:52:40 · 302 阅读 · 0 评论 -
Vue中select下拉框搭配v-model -- 转载
Vue中select下拉框搭配v-model -- 转载第一种是option的值写在HTML中第二种是option 选项内容写在JS中的,通过v-for来遍历的:第三种是option 选项内容 通过接口去获取 但是接口里没有默认选中项怎么办呢?看代码在Vue中 使用select下拉框 主要靠的是 v-model 来绑定选项 option 的 value 值。select下拉框在界面的展示,我们都希望看到框中有一个值 而不是空白,比如显示 “请选择” 或者 “全部” 的默认值。关于select选项的写转载 2020-10-05 19:12:57 · 14097 阅读 · 1 评论 -
Vue中的v-bind -- 转载
Vue中的v-bind -- 转载Mastache语法(即{{msg}}这样的格式)不能作用于HTML特性上,遇到这种情况应该去使用v-bind指令v-bind:属性 = “(在vue中要用的变量名字)”例子:<div v-bind:id="dynamicId"> 本div的id是vue决定的哈哈<div>对于布尔特性,它比较特殊,他们只要存在就意味着值为true,v-bind:disabled使用要特别注意下<button v-bind:disabled = "转载 2020-10-05 11:22:27 · 301 阅读 · 0 评论 -
vue中ref的一些常见作用--转载
vue中ref的一些常见作用--转载基本用法,本页面获取dom元素ref除了可以获取本页面的dom元素,还可以拿到子组件中的data和去调用子组件中的方法调用子组件中的方法子组件调用父组件方法基本用法,本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button&g转载 2020-10-04 22:22:14 · 652 阅读 · 1 评论 -
如何使用ES6模块export,export default和import--转载哈
如何使用ES6模块export,export default和import--转载哈xiexieES6使用 export 和 import 来导出、导入模块,也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。使用export default命令,为模块指定默认输出。变量的导入,导出//api.js 导出var age= 13var name = '小红'export {age,name}// 使用export导入expor转载 2020-09-22 16:12:22 · 165 阅读 · 0 评论 -
Vue--Props with type Object/Array must use a factory function to return the default value.
Vue--Props with type Object/Array must use a factory function to return the default value.问题描述解决办法问题描述今天在学习小马哥的购物车demo时发生该问题,翻译下标蓝的提示信息,我们可以知道如果props类型为Object/Array 则use a factory function to return the default value,同时网上也有参考大佬们的解决办法❤,在此记录下解决办法 //原创 2020-05-26 13:37:58 · 31542 阅读 · 8 评论 -
Vue实例中的template讲解
Vue实例中的template代码,调试图片原理说明图片终极结论el,template,render属性优先性本人的第一篇博客,作为一名从大二开始入坑的后端开发小哥哥[不要脸],现在即将毕业一年,第一次写博客文章,结果是编写的前端技术文章[感慨],本人虽为后端开发小哥哥,也有着一颗学习前端的心,本篇博客有借鉴很多心目中的大牛博客的一些片段,感谢❤,第一次写博客好激动好激动好激动 wawawa,淡定我可是一个安静的帅气的阳光的小哥哥, 嘻嘻嘻嘻代码,//别忘了引包<body> <原创 2020-05-23 12:31:10 · 22601 阅读 · 11 评论