关于javascript:前端常用重难点总结之vue篇

1次阅读

共计 746 个字符,预计需要花费 2 分钟才能阅读完成。

补上集体 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>
正文完
 0