vue
关注
分享
扫一扫
文章平均质量分 53
vue教程
yigg
追逐成功的路上只有逆风
展开
-
vscode的使用
1.安装插件chinese2.安装插件Live Server可以实现热更新3.安装vetur插件可以实现vue代码高亮3.在setting.json中增加如下两行：可以对所写的代码自动进行格式化，让代码变得整齐，标签对齐，空格对齐...原创 2021-10-28 16:23:56 · 119 阅读 · 0 评论 -
vue总结
一.内容原创 2021-10-28 11:24:31 · 146 阅读 · 0 评论 -
vue使用element-ui
element-UI的属性，事件，方法element-ui 表单组件的prop属性elementui中的el-radio值无法回显https://blog.csdn.net/loveyour_1314/article/details/103572581el-form-item autocomplete的作用关于vue绑定input的值对象，在方法中赋值无法修改的问题https://blog.csdn.net/qq_29424759/article/de原创 2021-06-24 10:26:57 · 140 阅读 · 0 评论 -
vue中遇到的问题
1.安装vue-cli31、执行npm uninstall vue-cli -g命令卸载之前的旧版本2、执行npm install @vue/cli -g命令安装最新版本13.created和mounted区别？created中对象和方法，在页面加载后就执行14.ES6中require的使用16.require和import的区别https://zhuanlan.zhihu.com/p/12177026115.vue-cli3.0怎么修改端口?在根目录新建vue.原创 2021-06-23 17:57:22 · 443 阅读 · 0 评论 -
vue之vue.config.js详解
指定ip和端口原创 2021-06-24 10:21:01 · 265 阅读 · 0 评论 -
vue之package.json文件解析
{ "name": "vue3test2", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^2.6.5", "vue": "^.原创 2021-06-23 16:58:57 · 777 阅读 · 0 评论 -
vue-cli4创建项目
目前版本：可以自行选择vue2还是vue3哪个版本或者自行选择，也就是包含了vue2和vue3原创 2021-06-23 16:30:58 · 131 阅读 · 0 评论 -
vue-cli3项目打包
一定要看：Vue Cli3 项目打包优化vue3创建项目：配置一个vue3.0项目的完整步骤 / 张生荣1.vue之地址栏#号问题https://segmentfault.com/a/1190000015664067vue项目页面地址自动添加#号的问题vue项目页面地址自动添加#号的问题_大浪淘沙胡的博客-CSDN博客_vue自动添加#号2.解决：vue打包后无法在本地正常运行在history模式下才会出现：需要配置解决：vue打包后无法在本地正常运行，仅限于在本地运行，原创 2021-06-23 15:17:51 · 773 阅读 · 0 评论 -
vue-cli2和vue-cli3的区别
两个版本的最基本的目录vue-cli3比vue-cli2少了build、config、static目录，多了public目录配置文件的话，基本无变化原创 2021-06-23 13:36:08 · 2616 阅读 · 0 评论 -
vue-cli3创建项目过程的详细解析及项目目录解析
安装的各种方式一.vue3test2 啥都没有安装说明：1.是否保存配置：Save this as a preset for future projects? (Y/n) // 是否记录一下以便下次继续使用这套配置// 选保存之后，会让你写一个配置的名字：Save preset as: name // 然后你下次进入配置可以直接使用你这次的配置了二. vue3test1 安装了babel、eslint项目目录：多了1个文件：babel.config.j原创 2021-06-22 18:31:19 · 1441 阅读 · 0 评论 -
vue-cli2创建项目过程的详细解析及项目目录解析
下面两张图来源：https://blog.csdn.net/weixin_43342105/article/details/1055166141.方式一 test12.方式二：test2 加了vue-router比较test1和test2增加了1个文件：index.js，修改了3个文件：main.js、App.vue、package.jsonindex.jsmain.jsApp.vuepackage.json方式三：增加eslint原创 2021-06-22 17:04:17 · 339 阅读 · 0 评论 -
Vue-cli2使用eslint
原文地址（强烈建议看原文）：https://www.jianshu.com/p/5b7296445a0e插件安装首先在vscode插件中搜索eslint和prettier。啥也不管，这俩必须得装。插件简介vscode插件库里的eslint是用来在你写代码的时候就直接给你报错。（vue-cli中的eslint是在浏览器中报错）prettier是代码格式化插件，用来辅助eslint，否则你调了花半天，一格式化全没有。实战演练 # 创建一个v...原创 2021-06-22 17:45:47 · 924 阅读 · 0 评论 -
ESLint自动规范代码
目录：什么是eslint 通过node安装eslint https://blog.csdn.net/dfsgwe1231/article/details/107266500原创 2021-01-05 19:41:52 · 208 阅读 · 0 评论 -
Babel 是什么？
1.vue哪里用到了配置在package.json中（推荐）或者2.了解babel 到底做了什么？怎么做的？简单来说把 JavaScript 中 es2015/2016/2017/2046 的新语法转化为 es5，让低端运行环境(如浏览器和 node )能够认识并执行。本文以 babel 6.x 为基准进行讨论。最近 babel 出了 7.x，放在最后聊。严格来说，babel 也可以转化为更低的规范。但以目前情况来说，es5 规范已经足以覆盖绝大部分浏览器，因此常规来说.原创 2021-06-22 18:21:58 · 452 阅读 · 0 评论 -
browserslist详解
1.vue哪里用到了配置在package.json中（推荐）或者2.vue-cli搭建项目中browserslist的作用讲解为什么需要：根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器。避免不必要的兼容代码，以提高代码的编译质量。共享使用browserslist的组件们：组件名 功能vv Autoprefixer postcss添加css前缀组件 bable-preset-env 编译预设环境 智能原创 2021-06-22 18:25:03 · 13854 阅读 · 2 评论 -
less在 vscode、sublime中高亮
解决在sublime里，.vue文件不识别style样式中lang=less使用sublime编辑器，在写vue文件的时候，如果style设置为less，则里面的代码为白色，没有高亮，很难受1. ctrl+shift+P2.输入install3.输入less，选中less（因为我这个安装了，所以没有显示less），回车...原创 2021-06-22 14:55:33 · 474 阅读 · 0 评论 -
vue cli安装使用less的教程详解
一.vue cli2安装使用less原文地址：https://blog.csdn.net/zmhawk/article/details/75209161vue-cli构建的项目默认是不支持less的，需要自己添加依赖1.安装less和less-loader ，在项目目录下运行如下命令npm install less less-loader --save-dev安装成功后，打开build/webpack.base.conf.js，在module.exports =的对象的 modu...原创 2021-06-22 13:53:45 · 2114 阅读 · 0 评论 -
less安装
官网地址：https://less.bootcss.com/#%E6%A6%82%E8%A7%88看官网推荐如此就可以使用例子：下面是一个简单的LESS示例。hello.htm<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="styleshe原创 2021-06-22 12:00:31 · 134 阅读 · 0 评论 -
vue文件在编辑器vscode、Sublime Text3中高亮
原文地址：https://www.cnblogs.com/echoppy/p/9837526.html原创 2021-06-22 18:02:26 · 148 阅读 · 0 评论 -
vue文件结构
.vue文件的基本结构是：<template> ........</template><script> export default { name: "demo" }</script><style scoped> .demo { font-size: 28px; }</style>上面template标签，我们都知道是用来写.转载 2020-07-01 11:39:40 · 593 阅读 · 0 评论