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

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据