Vue
文章平均质量分 87
前端学习Vue.js
秋秋秋叶
小白
展开
-
Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0报错解决方案
今天在写Vue页面的时候,根据教程,我要安装sass-loader与node-sass,但是在安装完成后运行项目的时候,报出如下错误:Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0解决方案如下不要再使用node-sass了,要用sass替代它。如果你想在你的应用中使用scss或者sass,需要这样做:首先卸载原来安装的node-sassyarn remove node-sass如果使用的是原创 2021-12-30 18:27:54 · 6027 阅读 · 3 评论 -
【Vue】vue-router路由的安装、配置、使用
vue-router原创 2021-12-30 13:55:54 · 1732 阅读 · 0 评论 -
【Vue】Webpack的安装与使用
Webpack1、什么是Webpack 本质上,webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。 Webpack是当下最热门的前端资源模块化管理和打包工具,它可以将许多松散耦合的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分离,原创 2021-12-29 14:51:37 · 2375 阅读 · 0 评论 -
【Vue】用cmd命令手动初始化一个vue-cli程序并运行
vue-cli、webpack、npm install、npm run dev原创 2021-12-28 15:00:17 · 1185 阅读 · 0 评论 -
【Vue】自定义事件详解 | this.$emit的使用 | 其中参数传递的逻辑说明
文章目录自定义事件1、 使用背景13.2 示例自定义事件1、 使用背景接着上一章讲的slot插槽的页面。<body><div id="app"> <todo> <todo-title slot="todo-title" :tit="title"></todo-title> <todo-items slot="todo-items" :itm="i" v-for="i in todoItems原创 2021-12-28 01:39:26 · 3492 阅读 · 0 评论 -
【Vue】内容分发 | 插槽slot
内容分发在Vue.js中我们使用元素作为承载分发内容的出口,作者称其为插槽,可以应用在组合组件的场景中。比如说我的一个页面(整个蓝色),就两个地方需要动态的变化(两个白色长条),那我就可以在这两个地方使用插槽。动态的可拔插。使用模板引擎也可以完成,但是使用插槽可能会更简单一些。测试 比如准备制作一个待办事项组件(todo),该组件由代办标题(todo-title)和待办内容(todo-items)组成,但这三个组件又是相互独立的,该如何操作呢?第一步:定义一个待办事项的组件<div原创 2021-12-28 00:07:13 · 360 阅读 · 0 评论 -
【Vue】Axios异步通信
文章目录十、Axios异步通信10.1 什么是Axios10.2 为什么要使用Axios10.3 第一个Axios应用程序十、Axios异步通信10.1 什么是Axios Axios是一个开源的可以用在浏览器端和NodeJS的异步通信框架,它的主要作用就是实现AJAX异步通信,其功能特点如下:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API [JS中链式编程]拦截请求和相应转换请求数据和响应数据取消请求自动转换JSON数据客户端原创 2021-12-27 20:11:00 · 227 阅读 · 0 评论 -
第一个Vue程序 | 第一个Vue组件 | Vue基本语法 | Vue双向绑定
文章目录六、第一个Vue程序6.1 IDEA安装Vue插件6.2 引入6.3 示例6.4 Vue Component七、Vue基本语法7.1 v-bind7.2 v-if,v-else7.3 v-for7.4 v-on八、Vue双向绑定8.1 简介8.2 在表单中使用双向数据绑定九、第一个Vue组件六、第一个Vue程序6.1 IDEA安装Vue插件在IDEA的File->Settings中找到Plugins并搜索Vue之后,在新建文件时,就可以看到New->Vue Component。原创 2021-12-26 18:53:47 · 317 阅读 · 0 评论 -
【学习笔记】前后端分离发展史、为什么要进行前后端分离 | 前端体系 | MVVM的组成 | Vue简介
一、简介1.1 前后端做哪些事情逻辑判断循环…事件浏览器事件:window、documentDOM事件:增,删,遍历,修改节点元素内容JQueryVue.js…视图htmlcss:对于后端程序员来说比较难。但是可以使用BootStrap可视化布局,把组件直接摆一下就可以生成页面代码。通信本质上就是Ajax,Vue中是axios1.2 Java全栈工程师后台开发:主打前端:html、css、js、jQuery、Vue;还有ps…运维:项目发原创 2021-12-25 12:29:25 · 1253 阅读 · 0 评论