前端常用重难点总结之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>