sunny_Destiny的博客

安装插件axiosnpm install axios使用方法1.导入 import axios from 'axios'2.挂载 Vue.prototype.$http = axios;3.使用 this.$http.get()get方法axios.get(url).then(res=>{console.log(res.data)})...

今天我们来学习如何实现VUE父子之间的传值，首先我们准备一个父页面Father.vue和一个子页面Child.vue，然后我们先来演示一个子页面向父页面传值的效果！当我们点击父页面的按钮button时，会弹出子页面的内容点击效果接下来我们来放上父页面的代码<template> <div> <child @fathe...

第一种方式vue-resource（官方推荐）使用步骤// 1.安装vue-resourcenpm install vue-resource --save / cnpm install vue-resource --save// 2.在main.js里引入import VueResource from 'vue-resource'Vue.use(VueRe...

安装vue-routernpm install vue-router --save / cnpm install vue-router --save在main.js引入import VueRouter from 'vue-router'Vue.use(VueRouter)创建组件import Home from "./components/Home";...

安装vuexnpm install vuex --save / cnpm install vuex --save在store.js页面引入import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)定义数据// 1.state 表示状态 用于存储数据var state = { count:...

今天我们来学习一下处理VUE项目中ESLint语法报错问题。在项目中右键新建.prettierrc文件在文件中加入如下内容{// 去掉分号 "semi":false,// 双引号变单引号 "singleQuote":true// 换行长度 "printWidth":200}之后，项目还有个语法警告space-before-functi...

今天我们来学习一下，如何在VUE项目中格式化时间的全局过滤器。在main.js文件中定义如下内容// originVal 后台返回的毫秒Vue.filter('dataFormat',function(originVal){const dt = new Date(originVal)const y = dt.getFullYear()const m = (dt.ge...

今天我们来学习一下VUE路由导航守卫的相关内容。守卫作用当我们路由切换到一个组件里面，如果没有权限，不让进入，有权限可以进入组件内部守卫1.beforeRouteEnter(to,from,next)当进入组件前 执行函数// to 去哪个路由// from 从哪个路由// next() true 允许进入 / false 不允许 / '/user' 进...

当我们执行完npm run serve命令时，会遇到这样的情况。报错这时我们需要用VS Code把项目打开，然后打开终端，找到package.json文件，里面放的都是我们安装的插件，找到less-loader，删除它，然后记得保存。在终端界面输入npm i命令运行结果我们再次执行npm run serve命令，提示我们缺少两个包...

1.绑定style<p :style="{fontSize:'48px',color:'blue'}"></p><p :style="styObj"></p><script>new Vue({data:{styObj:{fontSize:'36px',color:'pink'};}})</scrip...

今天我们来学习VUE动画的相关内容。1.VUE里面没有动画，但是它在元素显示或者隐藏的时候，自动添加了一些样式，可以通过这些样式来制作动画。样式// 进入整个过程v-enter-active// 进入开始v-enter// 进入结束v-enter-to// 离开整个过程v-leave-active// 离开开始v-leave// 离开结束v...

今天我们来学习在VUE中安装插件的相关内容。1.命令行1.切换到项目目录2.npm install 插件名 （运行环境）3.npm install --save -dev 插件名 （开发环境）2.界面化方式vue ui3.打包1.vue ui 任务 build2.切换到项目目录 npm run build4.Cookie特点1.可...

今天来学习一下如何搭建VUE项目。首先我们需要在官网上下载nodejs文件，我们在这里选择Windows安装包。VUE版本界面.png安装完成之后打开命令提示符输入一下命令node -vnpm -v下一步安装vuenpm install -g @vue/cli检测安装的vue版本（注意：这里V要大写）vue -V准备工作做...

今天我们来学习一下VUE路由的相关内容。用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。SPA单页面应用1.html不...

组件的生命周期定义：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。生命周期钩子函数：同时在这个过程中也会运行特定函数称为生命周期钩子函数作用：给了用户在不同阶段添加自己代码的机会整理代码快捷键Alt+Shift+F创建，渲染，更新，销毁创建前before...

今天我们来学习一下vue-cli的相关内容。npm1.node 服务器环境（js写的服务器）2.定义：一个下载器，也是插件（包）管理器node -vnpm -v项目文件解释1.package.json 项目配置文件2.node_modules 存放插件（包）的地方init 初始化项目init npminstall 安装插件（包）npm ...