- 博客(17)
- 收藏
- 关注
原创 vue-resource 请求数据 基本使用方法
vue-resource 请求数据 基本使用方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2020-01-10 19:47:40 241 1
原创 vue-cli3中解决axios跨域问题(以360壁纸为例)
vue-cli3中解决axios跨域问题(以360壁纸为例)一、先在vue项目文件夹里的根目录中新建 vue.config.js文件(与package.json同一级)二、在 vue.config.js文件中写入以下代码module.exports = { devServer: { proxy: 'http://cdn.apc.360.cn' //这里写入你要获取数据的...
2020-01-29 19:35:23 256
原创 vuex module总结
vuex module总结// 创建store文件夹 然后在store文件夹下创建对应的js文件// 在该js文件中引入对应的依赖文件import Vue from 'vue'import Vuex from 'vuex'import moduleA from 'moduleA所在的文件的地址'import moduleB from 'moduleB所在的文件的地址'Vue.use...
2020-01-15 15:39:50 98
原创 vuexState 总结
vuexState 总结安装vuex命令 npm install vuex --save使用的过程在vue项目的src文件夹下创建一个store文件在store文件中创建一个js文件在js文件中写入// 引入vuex并且在vue中使用import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 创建...
2020-01-15 10:37:14 104
原创 vuexMutations 总结
vuexMutations 总结mutationsvuex 改变状态的唯一方法 mutations中的方法不能直接调用写法const store = new Vuex.Store({ state:{ user:{ name: '', tel: '', id: '', ...
2020-01-15 10:36:06 99
原创 vuexGetters 总结
vuexGetters 总结getters写法getters方法是和state同一级别的方法getters相当于一个计算属性const store = new Vuex.Store({ state:{ user:{ name: '', tel: '', id: '', ...
2020-01-15 10:34:54 135
原创 vuexActions 总结
vuexActions 总结总结写法 import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios' Vue.use(Vuex) const store = new Vuex.Store({ state: { // 购物车数据 ...
2020-01-15 10:33:29 122
原创 vue 导航守卫
vue 导航守卫全局导航守卫const router = new VueRouter({ routes:[ { path: '/', name: '', component: 组件文件, // 路由独享守卫 beforeEnter: (to, fr...
2020-01-14 20:34:12 83
原创 vue 路由
vue 路由路由分为 编程式路由和声明式路由定义路由对象const router = new VueRouter({ routes:[ { path: '/', name: '', // redirect: '/index', 路由重定向的位置(意思就是要把页面定向到哪一个页面) ...
2020-01-14 20:32:59 121
原创 vue 创建组件的方式
vue 创建组件的方式//1.1 使用 Vue.extend 来创建全局的Vue组件 var com1 = Vue.extend({ template: '<h3>这是使用 Vue.extend 创建的组件</h3>' // 通过 template 属性,指定了组件要展示的HTML结构// })// 1.2 使用 Vue.component('组件的名称', 创...
2020-01-10 20:19:22 76
原创 vue 动画-使用钩子函数模拟小球半场动画(模拟购物车添加动画)
vue 动画-使用钩子函数模拟小球半场动画(模拟购物车添加动画)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...
2020-01-10 20:05:38 280
原创 vue 动画使用第三方库来实现
vue 动画使用第三方库来实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2020-01-10 20:01:36 77
原创 vue 动画基础
vue 动画基础v-enter //这是一个时间点是进入之前,元素的起始状态,此时还没有开始进入。v-leave-to //是动画离开之后,离开的终止状态,动画已结束。v-enter-active //入场动画时间段v-leave-active //离场动画时间段示例 .v-enter, .v-leave-to { opacity: 0; ...
2020-01-10 19:59:43 66
原创 vue 基本指令
vue 基本指令v-bind 可以绑定一个属性 这个属性可以是自带的属性也可以是自定义属性,可简写为 :v-on 事件 后面加上事件名,可简写为 @ 如 @click, @mouseover…v-for 循环 示例 <div v-for="(item,index) in arr" :key="index"> {{ item }} </div>...
2020-01-10 19:45:14 146
原创 npm 发包相关命令
npm 发包相关命令进入npm网站的方法 https://www.npmjs.com/ 官网地址或者百度输入npm 点击 npm | build amazing things(官网)完成注册登录创建要发布的项目的文件夹然后执行初始化命令 npm init一路enter就行了修改项目名称 也就是package.json文件中的name的值 保证name值唯一 (所有包的名称不能重复)m...
2020-01-10 19:26:52 401
原创 vue生命周期
vue生命周期 1、vue生命周期 每一个组件都有自己的生命周期 beforeCreate 组件创建之前触发的钩子 这里还没有data所以无法更改data中数据 created 组件dom创建过程 beforeMount 组件创建完成但是还未渲染的钩子 mounted dom渲染完成的钩子 bef...
2020-01-10 19:15:27 62
原创 vue环境安装
vue环境安装脚手架(框架)(ui框架 项目框架)vue脚手架就是指的vue-cli1、安装脚手架的命令 `npm install -g @vue/cliyarn global add @vue/cli2、安装完 运行 vue -V 查看版本 如果能查看的到 证明安装成功了3、创建自己的一个项目 vue create 项目名称4、然后出现两个选项 第一个是默认选项 第二个是自定义选项...
2020-01-10 19:07:19 84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人