![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2.x
vue2.x特性和知识总结
程序不了猿
一个还在成长的程序员,分享自己学到的点滴经验。
展开
-
VUE渲染时报错 Avoid using non-primitive value as key, use string/number value instead.
VUE渲染时报错 Avoid using non-primitive value as key, use string/number value instead.进入页面,就会冒出这么一长串的报错,这个是由于v-for循环里,key值可能重复了,所以会报这个错。查看了一下页面代码: 发现key值重复了当我们将key值设置为item.id属性时,问题就解决了。...原创 2021-10-13 14:02:21 · 1107 阅读 · 0 评论 -
【vue】[vue/no-multiple-template-root] The template root requires exactly
Vue:The template root requires exactly one element.的解决办法这是因为vue的模版中只有能一个根节点,所以在中插入第二个元素就会报错<template> <div> hi </div> <Frank/></template>解决方案:将中的元素用一个大的包起来,这样就可以在其中添加多个元素了,可以参考以下示例:<template>原创 2020-12-15 10:10:26 · 5405 阅读 · 0 评论 -
【VUE 3】浅谈Vue2 和 Vue3使用上的区别
浅谈Vue2 和 Vue3使用上的区别引言本人最近正在利用 vite + Vue3 +TypeScript 框架做一个造轮子项目,本人也在Vue2向Vue3转型,所以在这里分享一下我在项目构建的过程中的一点总结、心得吧!区别1.Vue 3 的 Template 支持多个根标签,Vue 2 不支持vue2: 组件中只能有一个根标签<template> <div>根元素 示例</div></template>vue3:可以有多个根标签&原创 2020-12-19 17:04:06 · 3431 阅读 · 4 评论 -
【VUE】vue前端框架知识整理
VUE.JS学习笔记文章目录第一章 vue简介1.1 Vue基本使用1.2 Vue模板语法1.2.1 前端渲染1.2.2指令使用==a.使用v-cloak指令解决差值表达式存在闪动问题==b. 数据绑定指令1.v-text 填充纯文本2.v-html 填充HTML片段3.v-pre 填充原始信息c.数据响应式d.双向数据绑定***MVVM设计思想e. 事件绑定f. 属性绑定g. 样式绑定1.class样式处理2.样式绑定相关语法细节3.style样式处理h. 分支循环结构1.分支结构2. 循环结构1.3原创 2020-07-03 09:03:12 · 1824 阅读 · 4 评论