vue
文章平均质量分 63
vue
前端粉刷匠
仗剑天涯,从你的摘要开始~~
展开
-
Vue组件间通信方式
props 父组件可以通过props向下传递数据给子组件 静态的Props 通过为子组件在父组件中的占位符添加特性的方式来达到传值的目的 动态Props 在模版中要动态的绑定父组件的数据到子模版的props,与绑定任何普通的HTML特性相类似,用v-bind,每当父组件的数据发生变化的时候,该变化会传导给子组件 props验证 可以为组件的props指定验证规则,如果传入的数据不符合规则,Vue会发出警告 props: { // 基础类型检测 (`null` 意思是任何类型都可以) prop原创 2022-03-28 16:03:22 · 1684 阅读 · 0 评论 -
Vue3.2 script setup语法糖 阶段一
什么是script setup语法糖? Vue3.0中暴露变量需要return出来,这样template中才能使用,这样用起来极为不方便。 Vue3.2中的一个新语法糖,在setup函数中,所有的ES模块导出都被认为是暴露给上下文的值,并包含在setup()返回对象中,相对于之前的写法,语法变得简单。 <script setup> ... </script> 自动注册组件 <tempalte> <Test/> <div>原创 2022-03-25 10:52:03 · 1696 阅读 · 0 评论 -
axios封装总结
基础的axios封装配置。欢迎大家扩展 /libs/request.js import HttpRequest from '@/libs/axios' const axios = new HttpRequest(process.env.VUE_APP_URL) export default axios /libs/axios.js import axios from 'axios' class HttpRequest { constructor(baseUrl) { this.b原创 2021-01-19 17:34:45 · 218 阅读 · 0 评论 -
vue项目 H5落地页vue.config.js配置
请大家帮我看看,这个配置中那些地方是多余的,哪些地方需要补充。共同进步。共勉 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') const path = require('path'); const webpack = require('webpack') const CompressionWebpackPlugin = require('compression-webpack-plugin') const productionGzipEx原创 2020-12-10 16:39:59 · 941 阅读 · 0 评论 -
vue数据流初探
目前前端的三大框架中:vue、react都是单向数据流。首先我们了解一下数据流的概念。 数据流的简介 单向数据流:简单来说model状态更新会触发view的更新,但是view状态更新的时候u 不会触发model更新。状态更新只是一个单向的过程。 如图:一个组件下面有两个子组件。父组件同时传递一个 “year” 数据到不同的子组件。我们分别可以在不同的组件中获取到父元素传递下来的数据值。同时我们...原创 2019-10-20 17:48:55 · 257 阅读 · 0 评论 -
vue 项目优化
vue 项目优化 1. productionSourceMap productionSourceMap是使用vue-cli创建项目的时候在condif/index.js(vue-cli3中是vue.config.js) 文件中的一个属性。一般情况下我们是要将这个属性设置为false(初始值是true),如果设置的初始值是true,我们项目上线之后再生产环境可以看到所有的源码。所以我们为了安全还是...原创 2020-05-05 13:42:55 · 209 阅读 · 0 评论 -
vue watch和computed用法分析
watch是一个对象,键是需要观察的表达式,值是对应回调函数,值也可以是方法名,或者包含选项的对象。vue实例将会在实力化得时候调用watch,遍历watch对象的每一个属性。 普通用法 new Vue({ el:root }) ...原创 2020-04-20 17:32:18 · 240 阅读 · 0 评论 -
vuex入门教程
对于vuex的基本API去vuex官网上讲的很详细(比vue稍强 哈哈~~)https://vuex.vuejs.org/zh/api/#vuex-store 直接进入正题 目录结构 创建一个store的文件夹,如果项目比较庞大,建议将每个项目所使用到的数据按照模块分出来,将所有的都放在统一的一个文件夹(modules)中。modules文件同级创建一个index,在这index中导入vue,vu...原创 2020-04-03 10:06:10 · 182 阅读 · 0 评论