qq_57226103的博客

vue_axios二次封装,api解耦

css_background在vue中使用@写法引入图片

vue_绑定class样式笔记

配置路由元信息（meta）控制组件显示const router = new VueRouter({ routes: [ { name:'home', path:'/', component:Home, meta:{show:true}, } ]})使用<Foot v-show="$route.meta.show"/>params传参.

vue项目运行浏览器自动打开，配置package.json文件"scripts": { "serve": "vue-cli-service serve --open",//添加--open "build": "vue-cli-service build", "lint": "vue-cli-service lint" },eslint校验关闭，配置vue.config.js文件module.exports = { lintOnSave:false, //关闭语法检查

笔记

笔记学习

学习笔记

学习笔记，vue3安装创建项目

引入全部cnpm i element-ui -S//-S现在不用也可，npm会写入依赖中修改main.js文件import ElementUI from 'element-ui';//引入element ui组件库import 'element-ui/lib/theme-chalk/index.css';//引入element ui组件库全部样式Vue.use(ElementUI);按需引入npm install babel-plugin-component -D//-D.

安装 cnpm i vue-router@3 //vue2安装vue-router@3 配置main.js文件 import VueRouter from 'vue-router' import router from './router' Vue.use(VueRouter) new Vue({ router }).$mount('#app')src/router/index.js文件import VueRouter from 'vue-router'import

src/store/index.jsconst aboutCount={ namespaced:'count', actions:{}, mutations:{}, state:{}, getters:{}, }const aboutPerson={ namespaced:'person', actions:{}, mutations:{}, state:{}, getters:{}, }export de

这四种方法是简化vuex中代码import {mapState,mapGetters,mapActions,mapMutations} from 'vuex'//引入computed：{...mapState({:''})or...mapState([''])，//都有两种写法...mapGetters({:''})}//这两种是获取this.$store.state和this.$store.state.getters上面数据简化methods：{...mapActions({:''})，

安装配置 npm install vuex@3 //vue2用vuex3，vue3用vuex4版本配置src/main.js文件 import store from './store'//引入路径默认找index.js文件 new Vue({ store })配置src/store/index.js文件 import Vue from 'vue' import Vuex from 'vuex'//import引入的文件先于其他语句执行 Vue.use(Vuex) .

全局事件总线main.jsnew Vue({ render: h => h(App), //解析模板 beforeCreate(){ Vue.prototype.$bus = this //安装全局事件总线 }}).$mount('#app')//组件实例对象的原型对象的原型对象指向vue原型对象//VueComponent.prototype.__pro__===Vue.prototype$bus绑定自定义事件methods:{ chan.

vue.config.js文件module.exports = { // devServer: { // proxy: 'http://localhost:7001' //服务器地址 // }//配置一个代理，访问一个服务器， devServer: { proxy: { '/api': {//请求代理服务器前缀 target: '<url>',//url是服务器地址，代理服务器去.