![](https://img-blog.csdnimg.cn/20201024162920424.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue基础、Vue框架、Vue插件
无敌的黑星星
努力的去写代码
展开
-
VUE报错You are using the runtime-only build of Vue where the template compiler is not available
问题背景今天在入门vue-route但是发现怎么处理都有以下报错,并且参考了网上大多数解决方法都不行,最后找到一个最终的解决方法,这才搞定,但愿可以帮到每个路过的入门者。报错信息[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or us原创 2021-07-05 16:42:30 · 3710 阅读 · 6 评论 -
箭头函数和js里面的map函数用法
箭头函数s => s.length或者(a,b)=>{c=a+b*4},在map方法中写箭头函数,会将箭头函数处理的结果返回到一个新的数组或者其他的可遍历对象。var a = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ];//获取每个元素的长度,组成一个数组,方法1var b = a.map(function(s){return s.length});//方法2var c = a.map(s => s.leng.原创 2020-10-18 00:43:44 · 3302 阅读 · 0 评论 -
VSCode 快速生成.vue基本模板、发送http请求模板
安装vscode官网:https://code.visualstudio.com/安装 Vetur 插件,识别 vue 文件插件库中搜索Vetur,点击安装,安装完成之后点击重新加载新建代码片段文件 ➡ 首选项 ➡ 用户代码片段 ➡ 点击新建全局代码片段 ➡ 取名 vue ➡ 确定粘入vue模板{ "Print to console": { "prefix": "vue", "body": [ "<!-.原创 2020-10-14 18:40:10 · 630 阅读 · 0 评论 -
VSCode 设置vue 保存自动格式化代码
设置保存自动格式化代码,开发效率大大提升!操作如下:安装VSCodeeslint插件 如下配置setting.json文件: { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将...原创 2020-10-14 18:39:12 · 3058 阅读 · 0 评论 -
vscode中使用beautify插件格式化vue文件
博主重新安装vscode之后出现 .vue 文件没办法进行代码格式化的问题,查看插件,确定已经安装了beautiful的插件,寻找原因,发现是因为插件的配置文件有问题,以下是解决方法。点击设置,找到beautify.language并在html一栏里加上vue,打开(左上角)文件——首选项——设置,找到如下位置:点击编辑,会出现如下代码:{ "explorer.confirmDelete": false, "editor.quickSuggestions": {原创 2020-10-10 21:05:42 · 2796 阅读 · 0 评论 -
vscode设置自动生成vue组件代码块
ctrl+shift+p -> 输入snippet -> 首选项:配置用户代码片段 -> 输入vue 在里面添加如下内容 "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "<...原创 2020-10-10 16:23:33 · 963 阅读 · 0 评论 -
启动vue,出现Errors: 8 http://eslint.org/docs/rules/indent等错误解决方法
用vscode创建工程的时候,提示提示是否启用eslint检测的。Use ESLint to lint your code? 这里有两种处理方式:1、直接选择no,后面的工程代码不受eslint限制2、如果没有留意选择yes,可进行以下方式处理: 在build/webpack.base.conf.js文件中,注释config.dev.useEslint?这行配置然后使用命令:npm run dev重新运行下就可以了 ESLint是一个用来识别 ECMAScrip...原创 2020-10-10 15:22:55 · 3269 阅读 · 5 评论 -
使用vue-cli(vue脚手架)快速搭建项目
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。1. 避坑前言其实这次使用vue-cli的过程并不顺利,反复尝试几次都遇到以下这个报错:在网上查了很多资料才发现原来是node版本过低的问题,虽然没有找到官方对这个“过低”问题的解释,但是根据国外网友的经验之谈,应该是至少使用node6,我将node4更新至node8之后确实没有报错了,顺利搭建。相关答疑帖:https://gi...原创 2020-10-10 13:56:44 · 297 阅读 · 0 评论 -
VUE的生命周期
VUE的生命周期六个部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-10-10 13:40:45 · 88 阅读 · 0 评论 -
Vue简单的使用
Vue简单的使用1、概念Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。在创建的vue中,初始化一个npm管理的项目npm init -y 在安装其他的包npm install vue2、简单使用(单向绑定)<div i原创 2020-10-09 23:59:33 · 2452 阅读 · 1 评论