vue3.0
Mark_Songs
这个作者很懒,什么都没留下…
展开
-
父子组件传值
1.<DialogInfo:flag="dialog_info"@close="closeDialog"></DialogInfo>子组件调用this.$emit("close",false);调用父组件close函数,在函数中处理父组件的数据 。回调是需要做逻辑处理这种方法2.父组件 <DialogInfo:flag.sync="dialog_info"></DialogInfo>回调不需要做逻辑处理这种方法子组...原创 2020-05-23 15:57:59 · 132 阅读 · 0 评论 -
vue 路由守卫
router.beforeEach((to,from,next)=>{ console.log(to); //要去的页面 console.log(from); //离开的页面 console.log(next); // next(); //没有参数直接是to,添加不好容易形成死循环})原创 2020-05-22 20:42:51 · 117 阅读 · 0 评论 -
Web前端 本地存储的三种方法
存法1:cookie_jsnpm install cookie_js --save安装依赖包存储:cookie.set('key','value') cookie.set({key1:'value1',key2:'calue2'})获取:cookie.get('key') cookie.get(['key1','key2'])清除:cookie.remove('key') cookie.rem...原创 2020-05-22 15:56:19 · 1253 阅读 · 0 评论 -
vuex资源仓库
1.store中的文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { //存储基本的数据,单一 isCollapse:false, }, getters:{ //类似cpmputed,通过计算 isCollapse: state=> state.isCollapse, // isColla原创 2020-05-22 17:45:11 · 226 阅读 · 0 评论 -
vue中创建全局svgIcon
1.创建icons文件夹2.创建index.js文件import Vue from "vue";import SvgIcon from "./svgIcon.vue";//自定义全局组件Vue.component("svg-icon", SvgIcon);const req = require.context("./svg", false, /\.svg$/); //读取指定目录的文件第一个:目录第二个:是否遍历子级目录第三个:定义遍历文件规则const requireAll = re原创 2020-05-21 11:38:03 · 487 阅读 · 0 评论 -
vue3.0 vue.config.js文件的创建
const path = require("path");module.exports = { // 基本路径 publicPath: process.env.NODE_ENV === "production" ? "" : "/", // 输出文件目录 outputDir: process.env.NODE_ENV === "production" ? "dist" : "devdist", // eslint-loader 是否在保存的时候检查 lintOnSave: fal.原创 2020-05-21 11:30:56 · 1016 阅读 · 0 评论