Vue脚手架报错：‘v-model‘ directives require no argument 解决方案

9月前作者：离奇6厘米分类：Toy博客阅读(35) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue脚手架报错：‘v-model‘ directives require no argument 解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1、报错：

'v-model' directives require no argument

截图

Vue脚手架报错：‘v-model‘ directives require no argument 解决方案

2、原因：

ESLint对vetur进行了eslint检查

Vue脚手架报错：‘v-model‘ directives require no argument 解决方案

3、解决方法

① 修改模板中使用v-show

将 v-model:show="show" 改为 v-model="show"

Vue脚手架报错：‘v-model‘ directives require no argument 解决方案

② vetur插件的作者给出了解决办法

我们可以把eslint对该插件的检查关闭

在VScode中，打开“ 文件 > 首选项 > 设置 ”，搜索 Vetur › Validation: Template ，关闭语法检查

保存，再看项目，正常运行！！！

问题解决文章来源地址https://www.toymoban.com/news/detail-432208.html

到了这里，关于Vue脚手架报错：‘v-model‘ directives require no argument 解决方案的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue脚手架搭建项目

一、安装Node.js (一) 注意事项 1. 注意电脑系统版本以及位数，按照自己电脑的环境下载相应的Node.js安装包 2. 确定运行项目的Node.js版本和npm版本，避免后期因为版本不同而产生的一些差异问题 3. 在官网下载Node安装包时请下载稳定版（或不同版本的稳定版），正确区分稳定版

2024年02月09日
浏览(47)
使用Vue脚手架2

ref属性 src/components/SchoolName.vue src/App.vue props配置项 src/App.vue src/components/StudentName.vue 注意：当props中与当前组件配置同名时， props中的配置优先级高于当前组件 mixin混入 1. 组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”，在发生冲突时以组件

2024年02月12日
浏览(44)
vue脚手架创建项目

npm install -g @vue/cli 如果报错可以尝试使用cnpm vue -V vue create 项目名称输入y 上下选中选项 Manually select features （自由选择），回车 vue 版本的选择其他按需要选择

2024年02月05日
浏览(63)
如何搭建vue脚手架

使用 create-vue 脚手架创建项目 create-vue参考地址：GitHub - vuejs/create-vue: 🛠️ The recommended way to start a Vite-powered Vue project 步骤：执行创建命令 2.选择项目依赖类容安装：项目开发需要的一些插件必装： Vue Language Features (Volar) vue3语法支持 TypeScript Vue Plugin (Volar) vue3中更好的

2023年04月14日
浏览(48)
vue脚手架文件说明

node_modules 都是下载的第三方包 public/index.html 浏览器运行的网页 src/main.js webpack打包的入口 src/APP.vue Vue页面入口 package.json 依赖包列表文件

2024年02月15日
浏览(47)
Vue3脚手架笔记

Vue模板语法有2大类： 1.插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。 ** 2.指令语法：** 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。举例：v-bind:href=“xxx” 或简写为 :href=“xxx”，xxx同

2024年01月24日
浏览(48)
Vue脚手架使用【快速入门】

在黑窗口中输入vue ui命令再更改完路径地址后需要按回车第一种可以在黑窗口输入命令安装第二种使用图形化安装第一种可以在黑窗口输入命令安装第二种使用图形化安装 1 Vscode [必须用vscode] 2 Webstorm [它和idea一模一样] 3 idea打开—安装vue插件输入命令启动成功如果不能

2024年02月15日
浏览(52)
VUE2 脚手架搭建

M ： Model 模型层（业务逻辑层）主要包含 JS 代码，用于管理业务逻辑的实现 V ： View 视图层主要包含 HTML/CSS 代码，用于管理 UI 的展示 VM ： ViewModel （视图模型层）用于将 data 与视图层的 Dom 进行动态绑定 ①脚手架环境安装制作web项目，从小作坊状态转向工程化开发的状态

2024年02月09日
浏览(62)
VUE——使用VUE脚手架创建项目

前言 vue脚手架工具，对vue项目构造做了封装，直接使用vue-cli创建项目，常用配置自动帮你完成，不用自己像使用webpack一样配置。目录 1、安装 npm i vue 2、创建vue项目 3、运行项目 ps:项目化开发中，使用import导入vue，而不用script src标签引入我们的第一步需要下载vue及vue脚手

2024年02月02日
浏览(55)
Vue开发项目入门——Vue脚手架

Vue脚手架是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程。特别注意：Vue脚手架是用来方便开发的，但vue脚手架不是最终发布到生产环境的产品。很多人会误认为生产环境也要安装

2023年04月08日
浏览(40)