
vue
飞_持续更新在cnblogs
这个作者很懒,什么都没留下…
展开
-
隐藏浏览器控制台输出async-validator验证警告
隐藏浏览器控制台输出async-validator验证警告解决办法:node_modules/async-validator/es/util.js 51行node_modules/async-validator/lib/util.js 49行这2个文件中 console.warn(type, errors); 注释掉这2个文件中 console.warn(type, errors); 注释掉...原创 2020-07-24 15:00:14 · 1646 阅读 · 0 评论 -
vue 和 axios
vue和axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRFdemo 练习目录结构...原创 2020-05-04 22:34:22 · 235 阅读 · 0 评论 -
vuex 状态管理
vuex 状态管理demo01) 基本目录结构(自己创建)src--vuex------actions.js------getters.js------index.js------mutations.js02)src/vuex/index.js内容import Vue from 'vue'import Vuex from 'vuex'import mutat...原创 2020-05-03 21:35:55 · 215 阅读 · 0 评论 -
路由 vue-router 基本使用
01) 基本目录结构02)src/router/index.js路由文件import Vue from 'vue'import VueRouter from 'vue-router'const Home = () => import('../views/Home.vue');const Login = () => import('../views/Login....原创 2020-05-03 13:27:57 · 288 阅读 · 0 评论 -
vue 插槽
具名插槽、作用域插槽、理解编译作用域01)插槽<div id="app"> <children_fei></children_fei> <children_fei><span slot="center">父_中间</span></children_fei><!-- 具名插槽 --&g...原创 2020-05-02 23:53:23 · 176 阅读 · 0 评论 -
vue 父子组件之间访问 this.$refs 和 this.$parent
01)vue父组件访问子组件this.$refs<div id="app"> {{ message }} <button value="点击" @click="p_click">点击获取子组件</button> <children_fei ref="children_ref"> </children_fei&...原创 2020-05-02 18:39:25 · 1707 阅读 · 0 评论 -
vue 子组件传值父组件 emit
vue 子组件传值父组件 emit<div id="app"> {{ message }} {{ books }} <children_fei :children_message="message" :children_books="books"></children_fei></div><template id=...原创 2020-05-02 00:48:08 · 226 阅读 · 0 评论 -
vue 父组件传值子组件 props
vue 父组件传值子组件(父传子)使用prop属性,(借助v-bind绑定)<div id="app"> {{ message }} {{ books }} <children_fei :children_message="message" :children_books="books"></children_fei><...原创 2020-05-01 23:48:21 · 500 阅读 · 0 评论 -
$router 和 $route 区别
$router 为 VueRouter 实例,想要导航到不同URL,则使用$router.push({path:'foo',query:{id:'123',name:'大飞'}})$route 为当前router跳转对象,里面可以获取到name、path、query、params...原创 2020-04-29 21:33:27 · 365 阅读 · 0 评论 -
vue2.0 入口文件
vue 入口文件简介App.vue<template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> <!--<HelloWorld msg="Welcome to Your Vue.js App"/>--> <aaaa...原创 2019-12-29 06:52:23 · 293 阅读 · 0 评论 -
vue 和 phpstorm
01) phpstorm 配置npm启动vue02) 侧边栏显示npmview--> Tool windwos -->npm 如果这里没有,那么使用下面方法,在项目的 package.json 文件上右键,选择 show npm script ,现在在view--> Tool windwos -->npm 可以看到了官方地址:NPM工具窗口0...原创 2019-12-23 17:21:23 · 646 阅读 · 0 评论 -
vue 杂记-1
1、vue 杂记打包好后 会报错 因为引入路径问题所以 需要该动有两个方法1、直接改动 build 文件包下webpack.base.conf.js文件中:publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPub...原创 2018-06-07 09:19:47 · 251 阅读 · 0 评论