一. vue中的地址传参
添加和修改除了接口有所不同,其他大致相同,可通过传参调取不同接口;
二.v-for的使用,重复渲染元素

这个例子中,右边的组件是基于接口返回值重复渲染的, 前端不再需要去判断组件的显示与隐藏。这样,今后组件扩充,前端不再需要改动任何代码,,v-for直接实现动态的重复渲染
方法如下
1.获取items



三.设置树节点的默认选中高亮和选中树节点

四.页面之间的传值
1.声明一个变量

2.在点击事件中给变量赋值

3.使用该变量

五.v-if的使用
v-if:完全根据表达式的值在DOM中生成或者移除一个元素,如果v-if表达式赋值为false,那么对应的元素就会从DOM中移除;否则,对应元素的一个克隆将被重新插入DOM中。
注意它与v-show的区别:
v-show:根据表达式的值来显示或隐藏HTML元素
v-if 有更高的切换消耗,而v-show有更高的初始渲染消耗.如果频繁切换,使用v-show,如果条件不大可能改变,使用v-if
六.vscode写v-for指令编辑器报红
语法并没有错误,但是编辑器持续报红
原因:vue 2.2以上的版本中,使用v-for时,key值必须设置
解决方法:
1.设置key值
2. 如果不想设置key值,打开vscode-首选项-设置,搜索vetur,更改配置如下

这篇博客总结了Vue.js中的关键知识点,包括地址传参、v-for动态渲染、树节点选中、页面间传值、v-if与v-show的比较,以及解决vscode中v-for报红的问题。通过实例和详细步骤,阐述了如何在实际开发中有效运用这些特性。
2635

被折叠的 条评论
为什么被折叠?



