- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue-axios
// Vue 请求数据方式有：vue-resource、axios、fetchJsonp三种。其中，vue-resource 是 Vue官方提供的插件，axios 与 fetchJsonp 是第三方插件。//第一种,vue-resource官方提供的插件// 安装：npm install vue-resource// main.js中引入import vue from 'vue'import vueResource from 'vue-resource'vue.use(vueResource
2021-08-18 15:40:46
246
原创 vue-router 路由守卫
import Router from 'vue-router';import vue from 'vue'import home from "./home";vue.use(Router);//路由懒加载// 方法一,es6语法，常用的加载const home = () => import('./page/home')//方法二，组件异步懒加载，直接在下面component中使用component:resolve => (require(['./page/home']),
2021-08-18 10:38:43
113
原创 VUEX的使用
//store.js文件基础配置import vue from 'vue';import vuex, {mapActions} from "vuex";vue.use(vuex);//定义存储变量const state = { num: 0};//处理逻辑，转换效果const actions = { jia(content, value) { if (value != '') { content.commit('JIA', value
2021-08-18 10:07:16
56
原创 vue 指令
v-if 判断控制DOM是否显示v-show 也是控制dom显示与否的，v-show 没有v-if的多个判断功能，而且v-show是把dom渲染到文档中，只是加了display:none而已。v-bind 用于绑定DOM 属性，即通过更改model层的data达到更改DOM属性的效果，而不是一开始把DOM属性写死。其中v-bind 绑定的属性中属class比较特殊v-on 表示事件监听v-model 双向绑定v-for 循环，又叫列表渲染，在需要显示多个的标签上加这
2021-08-12 14:24:24
57
原创 vue 3
<template> <div> <h1>ref的绑值方法使用</h1> <div>姓名：{{ name }}</div> <div>年龄：{{ age }}</div> <div v-show="ag">ref计算属性，姓名和年龄凭接：{{ ag }}</div> <div> <button @click="age
2021-07-28 17:13:56
73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人