Vue常见问题

vue中的template只能有一个根元素
例如：

Vue.component('login',{
    template:`<h1>hello</h1>
    <input type='text'>`
})

以上的这段代码是错误的，因为vue的template中只能有一个根元素

报错信息

Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead

解决方案

Vue.compontent('login',{
    template:`<div>
    <h1>
    hello 
    </h1>
    <input type='text'>
    </div>`
})

Vue.js动态组件解析
此前的Vue.js系列文章： Vue.js开发常见问题解析 Vue.js常用开发知识简要入门（一） Vue.js常...
vue常见问题一
Vue常见问题 vue中的template只能有一个根元素例如：以上的这段代码是错误的，因为vue的templa...
vue项目常见问题
vue项目常见问题 1. 如何输出HTML？ vue 语法中的“Mustache”语法 (双大括号) 只会将数据解...
【转载】vue动态路由的实现思路及踩坑
原文：Vue Router 实现动态路由和常见问题及解决方法 Vue项目实现动态路由的方式大体可分为两种：前端将...
nginx下转发VUE静态资源 & 常见安全配置
1.vue资源build 5.常见问题 5.1 浏览器CSP限制 (Content-Security-Policy...
visual code 常见问题
使用visual code 开发vue工程常见问题 visual code 是一款功能强大且轻巧的免费代码...
17.拓展：Vue.js 面试、常见问题答疑
拓展：Vue.js 面试、常见问题答疑在过去的很多面试中，我会经常问候选人一些关于 Vue.js 的问题。这些问...
VUE的某些常见问题及解决方法
VUE的某些常见问题及解决方法双向绑定数据，界面未渲染？最近做vue项目的过程中，经常碰到会有双向绑定数据，d...
Vue常见问题
1. 父子组件间通信父组件传递数据给子组件（通过props属性来实现）子组件通过props来接收数据子组件与...
vue常见问题
vue移动端隐藏滚动条 element-ui的table解决表头与内容不对齐的问题在app.vue全局加入如下代...