vue
vue学习笔记
皮蛋很白
没有什么难点是一觉醒来解决不了的
展开
-
Vite 学习 - TS 在 Vite 中的使用
Vite 对 TypeScript 的支持官方文档:TypeScriptVite 支持在 Vue SFCs 中导入 .ts 文件 和 <script lang="ts">。Vite 仅对 .ts 文件执行转译,不执行类型检查。 它假定类型检查由您的 IDE 和构建过程完成(您可以在构建脚本中运行 tsc --noEmit)。Vite使用 esbuild 将 TypeScript 转换为 JavaScript,这比普通 tsc 快20到30倍,并且 HMR 更新可以在50毫秒内反映在浏原创 2020-12-03 09:54:06 · 16688 阅读 · 0 评论 -
Vue CLI 原理与实践
理解 Vue CLI 的目的Vue CLI 架构上的一些设计,值得前端开发者去了解和学习。前端开发过程中用到的很多的工具,基本上都是基于类似的架构去设计。通过理解 Vue CLI 的原理和实践,了解一个可扩展性、适应能力更强的工具是怎样去设计和架构的。vue-cli 早期面貌Vue CLI 3 之前的模块是 vue-cli,npmjs 上已经被标记为弃用。近几年开发都使用的 @vue/cli。@vue/cli也集成了早期 vue-cli 的功能,需要安装 @vue/cli-init,内部还是依原创 2020-12-02 11:48:01 · 1597 阅读 · 0 评论 -
状态管理学习(二)Vuex、简单模拟Vuex
Vuex 概念回顾什么是 VuexVuex 官网Vuex 是专门为 Vue.js 设计的状态管理库(JS库)Vuex 采用集中式的方式存储需要共享的状态,并以相应的规则保证状态以一种可预测的方式发生变化。相比简单 store 模式 在状态过多时不宜管理Vuex 提供了一种模块的机制,可以按模块划分不同功能的状态Vuex 的作用是进行状态管理,解决复杂组件通信,数据共享Vuex 集成到了Vue的官方调试工具 devtools extension 中,提供了 time-travel 时光原创 2020-09-01 21:45:37 · 308 阅读 · 0 评论 -
状态管理学习(一)组件通信方式 、简易状态管理方案
组件间状态管理流程Vue中最核心的功能,分别是数据驱动和组件化。使用基于组件化的开发,可以提高开发效率,带来更好的可维护性。每个组件中都有自己的:state - 数据,也称为状态每个组件内部都可以管理自己的内部状态view - 模板,也称为视图每个组件都有自己的视图,把状态绑定到视图上,呈现给用户当用户和视图交互的时候可能会更改状态当状态发生变化后,会自动更新到视图actions - 方法,也称为行为更改状态的行为new Vue({ // state d原创 2020-09-01 21:44:31 · 389 阅读 · 0 评论 -
Vue 自定义组件的 v-model 和 .sync 修饰符
Vue 自定义组件的 v-modelVue 组件的提供 model 选项自定义组件的 v-model 属性。model 选项的值是一个对象,包含两个参数:prop - [String] 一个属性名这个属性需要在 props 中声明v-model 会传入这个属性event - [String] 一个当前组件的自定义事件名model 可以监听这个事件当事件触发($emit)时,将 v-model 的属性值修改为事件传入的值相当于父级使用组件时默认绑定了事件处理函数修改v-model传原创 2020-08-21 14:13:14 · 1025 阅读 · 0 评论 -
Vue 组件接收额外的属性 Attributes
Vue 组件接收额外的属性 Attributes替换 AttributesVue 中的组件可以通过指定Props接收父级传入的属性。也可以接收非Props 指定的属性 Attributes。它会默认替换 或 合并到组件模板渲染后的DOM根元素上。示例:|- About.vue|- Compa.vue// About.vue<div class="about"> <Compb title="I from About" /></div>// Co原创 2020-08-21 11:43:12 · 1798 阅读 · 0 评论 -
vue学习之2.vue-router
router-view组件配置的路由渲染到 <router-view> 标签里。路由跳转使用<router-link>标签跳转,它渲染一个a标签, to 属性配置跳转:path,例如:to="/product"name,例如::to="{name:‘product’}"使用方法跳转,参考文档router.pushrouter.replaceroute...原创 2020-05-05 16:08:19 · 122 阅读 · 0 评论 -
vue学习之1.简单搭建
源码demo1:https://gitee.com/usaliva/vue_learning依赖express 搭建服务器url-loader file-loader 文件预处理css-loader css预处理less less-loader 使用和转换lesspostcss-loader autoprefixer css添加浏览器前缀mini-css-extract-plugin...原创 2020-05-04 16:42:55 · 130 阅读 · 0 评论