- 博客(5)
- 收藏
- 关注
RSS订阅
原创 vue的三种组件通信，父传子，子传父，兄弟传值
vue的组件通讯？vue的组件通讯除了vuex以外，还有父传子，子传父，兄弟传值。1.父传子props：首先在同一路径的文件夹下创建一个vue.js文件，在父组件用import引入这个vue,js文件，在components属性中添加子组件，在代码区使用子组件然后想要往子组件传值，在你定义的子组件标签中添加一个自定义属性，属性后面的值就是你要往子组件传的数组和字符串在子组件用props属性来接受父组件传的属性：...
2020-07-18 10:54:44
619
原创 vue中的v-if和v-show的区别
v-if和v-show的共同点：都是判断显示和隐藏。v-if和v-show的不同点：1.v-show:先看代码：{{name}}<button @click=“handleClick”>切换我在data里面定义show属性，默认值为true,控制台显示：点击却换按钮：v-if:<div><div v-if="IF">{{name}}</div> <button @click="handleClick.
2020-07-22 09:24:54
209
原创 vue的优点？
1.它是一个轻量级框架，只关注试图层，是一个构建数据的试图集合 ，压缩之后只有20kb左右。2.简单易学：国人开发，中文文档，不存在语言障碍已于xue’s3.数据双向绑定：结合了angular的特点，在操作数据时更为简单，减少dom操作，页面加载更快。4.组件化：结合了react的特点，实现了mthl的封装和重用在构建单页面有独特的优势。5.试图和数据的结构分离：更改数据更为简单，不需要逻辑代码操作，只需要操作数据就能实现相关操作。6.虚拟Dom：dom操作是非..
2020-07-19 19:30:30
634
原创 vue组件缓存keep-alive
什么是keep-alive？1.keep-alive其实是vue.js自带的内置组件，它会缓存页面以及缓存当前页面的数据状态，不是销毁这个组件。不会被渲染到真是DOM中也不会出现在父组件中，总的来说就是当你跳转其他页面时，在返回你跳转之前的页面时写的内容数据还在。keep-alivena怎么使用？它自带两个属性：include和exclude1.include属性就是把要缓存的组件名称放到里面，然后vue就会自动缓存代码如下：<div> <keep-alive
2020-07-18 10:57:44
129
原创 Vuex知识点
1.vuex简单介绍vuex是一个专门为vue.js提供的数据状态管理器，它主要作用就是解决组件之间数据共享和数据存储修改，代码简洁方便维护。2.vuex的搭建和使用安装：cnpm install vuex -S(1):在项目创建store文件在创建一个js文件，里面引入vue和vuex.(2)然后在main.js文件引入store文件，挂载在vue实例中(3)vuex的使用：修改state状态 this.$store.commit(“自定义方法名”,要传递给vuex的值)。在
2020-07-13 08:27:56
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人