vue
一口咬掉牛尾巴
这个作者很懒,什么都没留下…
展开
-
Axios设置全局拦截器
import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';import { Message } from 'element-ui';import router from '../../router';axios.interceptors.request.use(function (config: AxiosRequestConfig): AxiosRequestConfig | Promise<AxiosRequestCo.原创 2020-08-17 13:52:46 · 803 阅读 · 0 评论 -
vue 根据路由元信息控制页面内容的展示
在路由元中定义不同的路由需要加载不同的模块生成计算属性在页面中用v-if或者v-show(看情况)来控制组件的展示情况把所有的主页面放在一级的router-view中,而不是把页面整体放在一级router-view,菜单栏显示的内容放在二级router-view。这样的好处是:如果整体页面在一级router-view菜单栏里的详情内容在二级router-view,而二级router-view中的页面部分也需要全屏显示,这时候就只能吧二级页面中的内容放在一级的router-view原创 2020-08-17 13:47:21 · 1331 阅读 · 0 评论 -
vuex的简单使用
什么是vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。具体的说,就是把组件的共享状态抽离出来,以一个全局单例模式管理,这就是vuex什么时候使用vuex?多个视图依赖同一个状态 来自不同视图的行为需要变更同意状态vuex核心概念statestate里面存储着所有的共享状态,也就是需要被多个组件所共享的数据,从store中读取状态最简单的方法就...原创 2019-07-28 10:51:27 · 107 阅读 · 0 评论 -
对MVVM模型的理解
这篇文章很详细https://blog.csdn.net/u014346301/article/details/53812770转载 2019-07-26 17:08:14 · 163 阅读 · 0 评论 -
vue双向数据绑定原理
Vue是采用数据劫持结合发布/订阅模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。MVVM入口函数,相当于new Vue()Observer数据监听器,也就是观察者,能够对数据对象的所有属性进行监听,如果数据变化,就可以拿到新值并通知订阅者Dep负责管理所有的订阅者Com...转载 2019-07-26 09:46:27 · 72 阅读 · 0 评论 -
webpack使用
1、基本文件目录2、初始化npm init -y3、安装jquerynpm install jquery -s-s是写入dependencies,即生产环境4、在main.js中导入jquery,并编写jquery代码import $ from 'jquery'$(function (){ $('li:odd').css('backgroundColo...原创 2019-03-19 10:52:41 · 143 阅读 · 0 评论 -
结合webpack使用vue-router
目录结构main.jsimport Vue from '../node_modules/vue/dist/vue.js'import VueRouter from '../node_modules/vue-router'//导入vueimport app from './App.vue'import account from './main/Account.vue'impor...原创 2019-03-20 22:51:06 · 160 阅读 · 0 评论 -
webpack中使用vue
先安装一波插件npm i vue-loader vue-template-compiler -D在webpack.config.js中配置.vue后缀的匹配规则const VueLoaderPlugin = require('vue-loader/lib/plugin');modules.exports = { plugins : [ new VueL...原创 2019-03-20 21:28:42 · 104 阅读 · 0 评论