浅谈VUE
1 VUE入门系列课程
上上迁
一个脱离了高级趣味的Coder
展开
-
讲明白ES6,VUE解结构表达式
定义:以更简单的方式获取到对象的内容,使代码更易读。数组:let arr = [1,2,3]const [a,b,c] = arr;//a,b,c将与arr中的每个位置对应来取值 // 然后打印 console.log(a, b, c);对象解构const person = { name:"张三", age:22, subjects: ['java','js','css'] }// 解构表达式获取值 const {name,age,subjects} = person; // 打印原创 2021-03-22 17:48:34 · 360 阅读 · 0 评论 -
npm install nrm -g指令 ERR_INVALID_ARG_TYPE 解决方法
这一行是关键 at Object. (C:\Users\liyin\AppData\Roaming\npm\node_modules\nrm\cli.js:17:20)打开 :C:\Users\liyin\AppData\Roaming\npm\node_modules\nrm\cli.js这行const NRMRC = path.join(process.env.HOME, '.nrmrc'); (删除)修改为const NRMRC = path.join(process.env[(proce原创 2021-02-20 18:08:32 · 1332 阅读 · 0 评论 -
更换npm镜像
查看 :nrm ls修改 : nrm use taobao原创 2021-02-19 23:25:35 · 156 阅读 · 0 评论 -
vue钩子函数是什么,有什么没用
文章目录前言目标一、定义二、vue加载过程三、基本的使用参考前言人见白头嗔,我见白头喜目标理解钩子函数,和基本应用一、定义每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。二、vue加载过程三、基本的使用共有八个基本钩子函数1.beforeCreate --创建前触发的行为:vue实例的挂载元素原创 2021-02-18 16:31:43 · 1516 阅读 · 2 评论 -
vue问题解决 extract:echarts: sill extract echarts@^4.2.0-rc.2 extracted to
文章目录npm install 加载不动解决办法:npm install 加载不动解决办法:1 重新 安装 npm install echarts --save2 删除node_modules,重新执行: cnpm install3 npm run dev原创 2021-01-11 21:33:36 · 8329 阅读 · 1 评论 -
浅谈springboot整合vue-element-admin实现CRUD增删改查
文章目录前言目标项目源码springbootvue-element-admin一、使用及场景添加菜单栏添加代理添加环境坑参考前言若争小可,便失大道。目标springboot整合vue-element-admin实现CRUD增删改查及遇到的问题项目源码springboothttps://github.com/xiusan/test-data-projectvue-element-adminhttps://github.com/xiusan/vue-element-admin一、使用及场原创 2020-12-07 22:31:59 · 3004 阅读 · 2 评论 -
vue-element-admin添加代理
在.env.development 添加全局拦截字符VUE_APP_BASE_API = ‘/api’vue.config.js添加代理关节代码proxy: {‘/api’: {target:‘http://localhost:8081/’, // 你请求的第三方接口changeOrigin:true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请 求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题pathRewrite:{ // 路径重写,/api/cust原创 2020-12-06 21:44:19 · 3149 阅读 · 0 评论 -
浅谈vue安装vue-element-admin
文章目录前言目标关键字一、使用及场景总结参考坑前言目标初始化安装vue-element-admin关键字一、使用及场景# 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git# 进入项目目录cd vue-element-admin# 安装依赖npm install# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题npm install --reg原创 2020-12-06 15:08:06 · 740 阅读 · 5 评论 -
浅谈vue-cli集成axios使用实例
文章目录前言目标关键字一、定义二、对比三、使用及场景总结参考前言目标关键字,,,,,一、定义二、对比序号\类1234三、使用及场景总结参考多留言多点赞你们的只支持是我坚持下去的动力,都支棱起来!!!...原创 2020-12-03 16:42:52 · 901 阅读 · 0 评论 -
浅谈vue-cli安装及快速创建
文章目录前言目标关键字和命令一、定义二、使用及场景1 安装vue-cli2 初始化项目3 启动4访问总结D:\vuework\vue-work-03>vue init webpack hello-vueD:\vuework\vue-work-03>cd hello-vue //到对应的初始化文件夹先D:\vuework\vue-work-03\hello-vue>npm run dev //命令启动参考前言目标快速初始化关键字和命令npm install -g vu原创 2020-12-02 17:00:17 · 368 阅读 · 0 评论 -
浅谈vue集成element-ui组件库安装与简介
文章目录前言目标关键字 及命令一、定义二、使用及场景安装element-ui导入引入 Element 开启修改主方法为main.js添加app.vue代码总结参考前言看大地白茫茫一片多干净目标集成element-ui组件库安装关键字 及命令npm i element-ui -Snpm install element-ui一、定义网站快速成型工具Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库二、使用及场景实现一个表格的显示安装elemen原创 2020-12-02 20:52:27 · 401 阅读 · 0 评论 -
浅谈webpack打包步骤及实际案例
文章目录前言目标关键字及命令一、定义为什么需要打包?二、使用及场景1 导入需要打包的依赖2 创建HTML文件 导入打包的依赖3 创建打包类 webpack.js4 打包5 导入html参考前言目标1 掌握基本的打包命令2 掌握打包步骤关键字及命令export default XXXXnpm install --save-dev webpacknpm install webpack webpack-cli --save-dev,,,,,一、定义Webpack 是一个前端资源的打包工具原创 2020-12-01 22:40:46 · 317 阅读 · 0 评论 -
浅谈vue组件通信看着篇你就可以应用到项目了
文章目录前言目标关键字一、定义二、、使用及场景参考前言不积跬步,无以至千里;不积小流,无以成江海。目标掌握基本组件通信关键字props,$emit,components一、定义使用对应的关键字实现组件之间的通用。二、、使用及场景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi原创 2020-11-29 15:25:18 · 88 阅读 · 1 评论 -
浅谈Vue监听器watch
文章目录前言前言响应式的基础## 目标1 学习如何使用,和场景。基本的属性定义## 关键字 watch# 一、定义监听某个属性定某个值发生变化时给你对应的响应。click是当用户触发时给予对应的响应。# 二、、使用及场景## 场景:输入自动搜索更新列表,例如淘宝的搜索商品实例代码``` Document # 总结学习最好的办法有两种,一种是策略,一种是坚持,坚持也是一种策略。**多留言原创 2020-11-27 21:25:17 · 69 阅读 · 0 评论 -
vue初始化及样式绑定
文章目录前言关键字一、项目初始化建目录二、样式绑定前言行是知之始,知是行之成关键字v-bind一、项目初始化建目录 例如:D:\vuecode 进入目录输入回车 ``` code vue-demo-02 ```**PS D:\vuecode\vue-demo-02> npm init -y**Wrote to D:\vuecode\vue-demo-02\package.json:{ "name": "vue-demo-02", "version": "1.原创 2020-11-26 22:38:29 · 449 阅读 · 0 评论 -
浅谈vue 常用指令实例
文章目录前言关键字一、定义三、使用及场景总结前言关键字{{表达式}},v-text:,v-html:, v-model,v-on:,v-for,v-if=,v-else,v-else-if,v-show,v-bind一、定义什么是指令?指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是:单个 JavaScript 表达式。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。三、使用及场景总结多留言多点赞你们的只支持是我坚持下去的原创 2020-11-25 20:16:41 · 80 阅读 · 0 评论 -
浅谈vue事件
文章目录前言关键字一、使用及场景前言关键字methods一、使用及场景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&l原创 2020-11-24 22:02:59 · 85 阅读 · 0 评论 -
浅谈vue插值及数据绑定
文章目录前言关键字一、使用及场景前言关键字v-bind:value,v-model,,,,一、使用及场景<div id="myapp"> <!-- 占位符获取数据 --> {{date}}--{{num}} <!-- 单向数据绑定 --> <input type="text" v-bind:value="num" /> <!-- 双向数据绑定原创 2020-11-24 21:48:04 · 125 阅读 · 0 评论 -
浅谈vscode常用快捷方式
文章目录前言一、快捷方式前言高手和新手的区别就是有更多的处理模式。快捷方式就是其中之一一、快捷方式序号\类型按 Press快捷方式1快速打开 Quick Open快速打开 Quick Open2Ctrl+X剪切行(空选定) Cut line (empty selection)3Alt+ ↑ / ↓向上/向下移动行 Move line up/down4Shift+Alt + ↓ / ↑Shift+Alt + ↓ / ↑5Shift+Al原创 2020-11-24 11:37:51 · 157 阅读 · 0 评论 -
浅谈Node.js、npm,nrm环境安装
文章目录前言一、下载安装二、安装测试安装测试安装nrm总结前言vue环境安装一、下载安装地址:https://nodejs.org/en/二、安装测试安装1,傻瓜式下一步安装即可(node集成可npm)。NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服原创 2020-11-23 20:40:05 · 120 阅读 · 0 评论 -
浅谈js es6 map reduce的应用 简便的循环操作
文章目录前言关键字一、定义二、使用及场景mapreduce总结前言js基础应用关键字,,,,,一、定义二、使用及场景map//统一相乘操作let arr = [2,23,12,34,67];let sale = arr.map(i => i*0.5);console.log("相乘处理过=" + sale);//统一处理字符串 替换let StringArr = ["hello java","java nice"];//let StrS = StringArr.map原创 2020-11-22 18:30:00 · 147 阅读 · 0 评论 -
浅谈js函数进化及es6函数介绍使用
文章目录前言关键字一、定义二、使用及场景函数演化过程初始函数常规函数es6 优化函数样例对象函数总结前言了解函数的进化更有利于我们有的放矢的使用代码。关键字箭头函数,函数优化一、定义 操作数据行为的一系列方法组合。二、使用及场景函数演化过程初始函数function test1(){ console.log("init1");}test1();常规函数let test2 = function(){ console.log("init2");}test2(原创 2020-11-22 12:18:58 · 159 阅读 · 0 评论 -
浅谈es6解构表达式
文章目录前言关键字一、定义二、实例应该数组解构对象解构总结前言基础语法解释关键字数组解构,对象解构一、定义对存储器进行简化处理的一种操作二、实例应该数组解构let arr = [1,2,3];//常规方式let aa =arr[0];let bb =arr[1];let cc =arr[2];console.log("aa="+aa+";bb="+bb + ";cc="+cc);//解构let [dd,ee,ff] = arr;console.log("dd="+dd+原创 2020-11-21 22:02:14 · 141 阅读 · 0 评论 -
浅谈 es6 字符串使用
文章目录1 字符串比较2 模板方法使用1 字符串比较let msg = “hello vue”;//最后一个是否包含 返回boolbeanconsole.log(msg.includes(“h”));//第一个是否包含 返回boolbeanconsole.log(msg.startsWith(“h”));//最后一个是否包含 返回boolbeanconsole.log(msg.endsWith(“h”));//最后一个是否包含 返回num 0包含 -1不包含consol原创 2020-11-20 23:08:04 · 298 阅读 · 0 评论 -
VScode开发基本插件介绍
输入关键字搜索对应插件Chinese (Simplified) Language Pack for Visual Studio Code适用于 VS Code 的中文(简体)语言包Code RunnerRun code snippet or code file for multiple languages:可以运行多种文件和代码片段。Live Server静态和动态页面启动具有实时重新加载功能的开发本地服务器。...原创 2020-11-20 22:23:39 · 97 阅读 · 0 评论 -
浅谈vue -->var let const区别使用对比
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-11-19 22:36:59 · 1161 阅读 · 1 评论 -
浅谈如何学习VUE
前言开阔自己的视野,后端是前端也是,掌握全局视角让自己的思维更具有弹性。前置知识css,js,html, ES6 。一种后端可返回的数据语言,例如nodejs,java,python等。不会也没有关系githup上都能很快上手。一、官网学习 1,了解产生的背景(及作者概况)。 2,其他同类产品的对比。 3,快速手敲基本的使用(最好都过一遍官网实例)。二、网课 1 找一个网课vue入门。 2 找一个网课vue是实例项目。总结思考千遍,不如动手实践。...原创 2020-11-14 21:31:43 · 1132 阅读 · 1 评论