vue
关注
分享
扫一扫
Adorable_Rocy
把热爱做到极致！
展开
-
Vue全局变量的内存指向分析
Vue内存指引踩坑原创 2024-01-04 19:05:35 · 598 阅读 · 0 评论 -
Vue 学习笔记（九）路由嵌套&&参数传递（官方两种方式）
vue-router路由嵌套&&参数传递（类似Restful风格）1.路由嵌套2.参数传递1.路由嵌套基本思路就是：搭建需要嵌套的页面，再配置路由嵌套1.按上方流程图创建目录2.在路由中配置路由嵌套import Vue from 'vue'import VueRouter from 'vue-router'import Main from "../views/Main";import List from "../views/user/List";import Profi原创 2021-03-11 11:56:13 · 1067 阅读 · 5 评论 -
Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function，说白了就是版本问题，对于小白学习新知识的过程中，踩版本不匹配的坑是非常难受的，下面总结了一下具体解决方案踩坑一：（Module build failed: TypeError: this.getOptions is not a function ）这个问题主要是因为node-loader版本过高导致的问题，我们尝试将版本降低到@7.原创 2021-03-10 12:58:08 · 28806 阅读 · 19 评论 -
Vue 学习笔记（八）vue-router路由使用详解
vue-router路由使用详解1.安装路由npm install vue-router --save-dev2.将项目置入IDEA中打开 （删除自带的logo以及conponents组件，创建自己的项目环境）3.在components中创建（ConponentOne.vue）和（ConponentTwo.vue）组件一：ConponentOne.vue<template><h1>组件一</h1></template><scrip原创 2021-03-09 20:48:23 · 337 阅读 · 7 评论 -
Vue 学习笔记（七）操作Dos命令完成项目运行
1.Vue官方地址：https://nodejs.org/zh-cn/2.搭建node环境2.1 安装之后输入npm -v和node -v命令查看版本 显示即成功补充：建议下载国内淘宝镜像 ：npm install -g cnpm ––registry=https://registry.npm.taobao.org 安装完成后输入命令cnpm -v查看版本3.搭建Vue环境$ npm install -g vue-cli$ cnpm install webpack -g //打包工原创 2021-03-09 19:53:57 · 664 阅读 · 3 评论 -
Vue 学习笔记（六）Vue-cli 脚手架搭建工程到运行详解
Vue-cli 脚手架搭建工程到运行详解1.创建项目在自己的项目空间中创建项目webpack-cli2.将项目导入到IDEA3.在项目中创建modules文件夹4.在modules创建hello.js文件5.暴露一个方法//暴露一个方法exports.sayHello = function () { document.write("<h1>你好呀Vue-cli 脚手架~</h1>")}6.创建main.js文件（导入hello.js文件 注意这原创 2021-03-08 15:32:27 · 172 阅读 · 1 评论 -
Vue 学习笔记（五）自定义事件内容分发
Vue 中自定义事件内容分发1.什么是内容分发2.如何实现内容分发1.什么是内容分发纯属说概念的话会过于呆板并且十分抽象不好理解，可以简单的将内容分发理解为在Vue中定义的函数通过传递的方式使得组件通过this.$emit(‘自定义事件名’,param…)进行调用,下面小编举例说明现在有如下需求：数据是通过for循环遍历出来的，需要对每个元素点击删除的时候，该对应元素会被删除2.如何实现内容分发1.双向绑定自定义数据以及展示数据 Vue.component("todo",{原创 2021-03-06 14:43:03 · 2403 阅读 · 13 评论 -
Vue 学习笔记（四）Slot插槽的基本使用
Slot插槽的基本使用1.怎样去理解插槽呢？2.定义实现写在前面：在这之前，如果不是很清楚组件的基本使用，可以阅读小编总结的组件的基本使用 Vue 中自定义组件使用1.怎样去理解插槽呢？在我们平常使用组件的时候，其实就不难发现组件能够十分灵活的将我们需要的数据设置上去，对于插槽的理解，可以理解为在模板之中套用模板，每一个插槽中相当于一个占位，可以在插槽中放置任何组件，动态插槽的实现也是十分便利在开发后的后期维护~2.定义实现写在前面：业务场景描述：最近因为网站上面活动很多，所以在一小块区原创 2021-03-05 16:09:05 · 903 阅读 · 1 评论 -
Vue 学习笔记（三）methods和computed属性区别
两者从定义属性的角度出发都是定义函数，但是methods中，函数需要手动执行，而computed中，函数则被称为属性，并且可以理解为缓存同时定义获取当前时间函数于methods中和computed中 var vm = new Vue({ el: "#app", methods:{ time1: function(){ return Date.now();原创 2021-03-05 14:12:11 · 278 阅读 · 2 评论 -
Vue 学习笔记（二）生命周期中mounted（）钩子函数以及data（）函数的Axios请求使用
这里写目录标题1.结合Axios使用2.结合template使用并展示1.结合Axios使用请求接口https://autumnfish.cn/api/joke/list?num=6通过mounted（）钩子函数请求数据并且展示数据data()<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.staticfile.org/原创 2021-03-05 11:18:53 · 2148 阅读 · 1 评论 -
Vue 学习笔记（一）自定义组件循环遍历篇
在Vue绑定元素范围内，实现自定义组件并且遍历1.基本架构搭建<!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&g原创 2021-03-04 15:54:13 · 2608 阅读 · 8 评论 -
VScode中设置vue代码的自动提示&主题
VScode中设置vue代码的自动提示下载VueHelper即可原创 2021-03-04 15:37:37 · 17367 阅读 · 10 评论 -
Vue.js 原生axios实现get和post请求 & PostMan请求数据格式
1.Vue.js 中 实现原生axios中的GET&POST请求1。导入axios库 <script src="https://unpkg.com/axios/dist/axios.min.js"></script>2。实现GET请求 （https://autumnfish.cn/api/joke/list?[num=?]）测试网址 <script> document.getElementById("get").onclick = fun原创 2020-05-30 13:38:07 · 4636 阅读 · 1 评论