前端笔记

<template>标签里只能有一个div

<style scoped>私有化

<div>，<h1>, <p>, <ul>, <table>块级元素会以新行开始
<span>，<b>, <td>, <a>, <img>内联元素不会以新行开始

element-ui样式可以加/deep/，前后有空格

vue生命周期:
created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

在created的时候，视图中的html并没有渲染出来，所以此时如果直接去操作html的dom节点，一定找不到相关的元素。
而在mounted中，由于此时html已经渲染出来了，所以可以直接操作dom节点

title鼠标悬停提示文本

v-bind修改属性，缩写：
<div :class="buttonClass"></div>
v-on监听并执行操作，缩写@
<div @click="doSomething"></div>
v-if
v-for
v-model
{{ msg }}数据绑定

v-on传值并执行方法
that.$emit('getcoord', coordinfo);
<lou-sun-pai-hang @getcoord="setcoordinates"></lou-sun-pai-hang>

通过ref调用组件内部方法
<abc ref="abc"></abc>
this.$refs.abc.query(id);

由于cesium特性，每次切换页面会重新创建一个map对象，无法销毁，
当切换页面再重新返回到地图页面时，cesium又会创建一个新map对象，
这样cesium的进程只增不减，导致内存被撑爆
我们创建了全局map页面，其他页面以组件的形式进行加载，
不能进行页面跳转的方式了，报警和后台管理系统都要改