补上集体 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>