f

fatelyh

V1

2023/01/23阅读:27主题:默认主题

前端常用重难点总结之vue篇

补上个人 vue 心得。

1、vue全家桶配置:vue+vuex+vue-router+UI(semantic-ui或者element-ui等)
2、遇到问题可以从这几个方向入手,一般都能解决问题
(1)生命周期
(2)watch
(3)$nexttick
 (4)vuex
 (5)vue-router
 (6)props
3、v-if和v-for结合一起用能提高性能
4、:key的灵活应用有奇效,弥补了部分vue动态响应的缺陷
5、多用vue.set和splice(为了动态响应)
6、计算属性computed里的...mapState出来的数据不能直接改,得通过$store.state.xxxx操作更改或者去actions、mutations改state
7、路由和页面的关系和重点:进入路由(页面)时候的操作和离开路由(页面)时候的操作往往成为跨路由和跨页面数据同步的关键
8、需要动态响应的数据不能直接定义在date的根级别如  data() {return {row:""}是不行的,需要定义成 data() {return {row:{row:""}},然后调用row.row才能动态响应。

9、单文件组件要点
分为三部分template、script、style三部分
<1>、<template> ***这部分是html***</template>
<2>、<script>***此部分可引入import所需的组件、库等、
可输出***export default{
components:{},data(){},methods:{},props: {},created(),mounted() {},watch{}
}***等生命周期和组件等内容</script>
<3>、<style scoped>***此部分为组件样式***</style>

分类:

前端

标签:

JavaScript

作者介绍

f
fatelyh
V1