- 博客(9)
- 收藏
- 关注
原创 对vue的了解之vuex篇
4.2 也可以这样使用 computed: mapState([ "num", ]),4.3.在严格模式下strict: true, actions更改state里面的数据会报错,2.在src路径里面创建一个store文件夹,再创建一个index.js文件。4.1 $store.state.num 简单使用。1.下载vuex的包管理 npm i vuex@3.0.0。3.导出之后去main.js里面注册并挂载跟组件app。
2023-06-29 23:45:39 120 1
原创 把字符串“2023-06-21T06:03:00.541Z“转化成“几天前”,或者是时间戳
注意:先把字符串转化成标准时间,然后用新的时间戳减去数据中的事件戳,得到需要计算的时间。
2023-06-26 20:48:33 241 1
原创 vue 之vue-router 路由篇
如果报错可能是eslin的问题,把eslin关一下 ,在vue.config.js里面。1.npm install vue-router@3.5.0 下载路由。如果报错,请查看node是否有问题。3.在main.js里面引入注册路由。4.在app.vue显示。
2023-06-21 20:17:14 157
原创 computed计算属性
2)computed计算属性依赖于浏览器缓存,只用于当其依赖的数据发生改变时才会重新调用。1)methods方法依赖于页面渲染,只要页面发生渲染methods就会重新调用。2)当计算属性所依赖的数据发生改变时,就会自动调用。3)computed必须要有return值。3)使用时和data中的属性使用方法一样。2.mothods方法和computed计算属性的区别。1)必须要有return值。1.计算属性 computed有两个特点。4)可以定义多种计算属性。
2023-06-10 17:25:25 178
原创 阻止事件冒泡
2.在vue中如果需要阻止事件冒泡,可以给事件后面添加修饰符:@click.stop()1.原生js里面阻止事件冒泡是e.stopPropagation();2)vue修饰符@click.prevent。1)原生js阻止默认事件。
2023-06-09 20:22:01 560
原创 VUE的基础知识
6.v-if (表示判断,当符合条件时才会渲染),v-else (如果相反,会渲染) v-else-if (条件判断,如果上述条件都不符合,那么则会渲染这一个)和 v-show(可以控制元素的显示和隐藏 ,值是布尔值true/false)9.data里面的数据都是响应式的,只要数据改变,视图更新。使用 v-test ="" 不会产生插值问题。8.绑定点击事件v-on:事件名称 = “事件”2.v-cloak解决双大括号插值闪烁问题。一般存放在method里面。
2023-05-11 17:40:40 89
原创 防止css全局使用
1.在添加样式文件时使用 style.module.css //注意:style可以是自定义名字。2.在内部文件引入是:import style from './home.module.css'3.使用时 div className={style.自定义名字}
2023-05-08 15:22:18 290 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人