![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue基础知识
文章平均质量分 59
GG·bond
这个作者很懒,什么都没留下…
展开
-
vue实际运用五:不需要响应式的数据的处理
不需要响应式的数据的处理在我们的Vue开发中,会有一些数据,从始至终都未曾改变过,这种死数据,既然不改变,那也就不需要对他做响应式处理了,不然只会做一些无用功消耗性能,比如一些写死的下拉框,写死的表格数据,这些数据量大的死数据,如果都进行响应式处理,那会消耗大量性能。// 方法一:将数据定义在data之外data () { this.list1 = { xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx } this.list2 = { xxxxxxxxxxxxxxxx原创 2021-12-23 11:16:05 · 5712 阅读 · 0 评论 -
Vue-路由传参的方法与区别
路由传参1. 通过路由属性中的name来确定匹配的路由,通过params来传递参数父组件this.$router.push传递参数//html<button @click="toChild"> </button>//方法toChild(){ this.$router.push({ name:''ChildView", params:{ id : 1, age:20, ··· } })}子组件使用this.rout原创 2022-01-11 10:11:10 · 2336 阅读 · 1 评论 -
Vue基础知识梳理(二)
vue基础知识梳理(二)1. vue中v-bind:class动态添加class方案一:直接在html结构中给class一个对象//html<div class="btn" :class="{wordColor:false,wordSize:true}" >点我</div>//样式.btn{ width: 100px; height: 30px; line-height: 30px; text-align: center; b原创 2022-01-12 15:54:18 · 825 阅读 · 0 评论 -
Vue v-for渲染的key问题
vue v-for渲染的key问题基础用法遍历数组(最多)<li v-for ="(item,i) in arr" :key="i"> {{item}} </li>遍历字符串<li v-for ="(value,key) in obj" :key="key"> {{item}} </li>遍历次数<li v-for ="(char,i) in string" :key="i"> {{item}} </li>遍历对原创 2021-10-22 09:03:15 · 322 阅读 · 0 评论 -
Vuex基础知识
vuexvuex流程图安装npm i vuex在src下创建文件夹store; 里面再创建index.js在main.js中引入store;注册storeimport store from “./store”使用方法组件中使用this.$store.dispatch( actions中的方法名, 参数 )在store/index.js中 actions调用commit( mutations中的自定义方法,参数 )在store/index.js中 mut原创 2021-10-25 19:38:15 · 137 阅读 · 0 评论 -
Vue-router
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-10-21 19:08:38 · 107 阅读 · 0 评论 -
Vue 基本知识点梳理
Vue基本知识点梳理mvvm模型m:模型-data中的数据v:视图-模板代码vm:视图模型-vue实例插值符:{{ vue实例的所有数据、属性、方法都可以调用 /}}指令原创 2021-10-22 19:29:05 · 191 阅读 · 0 评论