weixin_41935198的博客

Vue面试题总结

文章目录前言interface/接口定义可选属性type aliasPropType过渡/动画点击事件前言这个demo是一个简单的Job List app，跟着油管上的一个博主做的，学习了解Vue3和TS语法、项目结构等。视频地址：Vue 3 with TypeScript Tutorialrepo地址：https://github.com/HaibiPeng/frontend-needtoknow/tree/master/hyrule-jobsinterface/接口定义我们在setup()中

用ts写一个组件的时候，遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错，但神奇的是竟然还能正常运行。在参考一些正确的代码后，有两个解决方案。在export default class Add extends Vue {} 里面定义对应的Prop：import { Component, Vue, Prop } from "vue-property-decorator";import { mapState } from "vue

文章目录Vuex？StoreModulestodos模块State在 Vue 组件中获得 Vuex 状态计算属性根组件注册storemapState 辅助函数Getters访问Getter返回值通过属性访问通过方法访问mapGetters 辅助函数MutationsMutation 必须是同步函数Actions分发 Action在组件中分发 Action：mapActions其他Vue生命周期钩子双击事件Vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的

文章目录

文章目录CDN导入Vue依赖项Vue app创建导入和挂载渲染数据属性绑定v-bind条件渲染v-if/v-elsev-show链式条件渲染列表渲染v-forkey属性为什么需要key事件处理v-onv-on简写例子：鼠标悬浮事件类和样式绑定class & style bindingstyleKebab命名绑定值可以是对象class数使用三元运算符计算属性和方法的区别组件和props：components & props定义组件导入并渲染组件子组件事件表单 & v-model 双向绑