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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容