Mars3D 基于 Cesium 的 3D 效果。# 创建第一个 Mars3D 地图

main.js// 该文件是整个项目的入口文件 // 引入vue import Vue from 'vue' // 引入app import App from './App.vue' // 关闭Vue在启动时产生的生产提示 Vue.config.productionTip = false // 创建Vue实例对象 new Vue({ render: h => h(App), store }).$mount('#app') # 解析 render 函数在 main.js 中，创建 new Vue 时，按照以往的写法会报错：由于...

定义一个组件，如下<body> <!-- 准备好一个容器 --> <div id="root"> <!-- 第三步：编写组件标签 --> <school></school> <hr /> </div> </body> <script...

<!-- 准备好一个容器 --> <div id="app"> <h2>现在时间是{{ time | dateFormater }}</h2> </div> <script type="text/javascript"> const vm = new Vue({ el: '#app', data: { time:...

Vue 生命周期图示# beforeCreate：beforeCreate() { console.log(this) debugger }, 查看此时的 this 指向，还没有_data，页面数据也没有展示# created：vue 实例已经有了_data, 但是页面数据还没有呈现，数据监测和数据代理都已经有了。# beforeMount：# mounted：此时页面已经有数据展示# beforeUpdate:点击修改，数据已经被修改，但是页面还没有更新# updated:页面和数据保持一致# beforeDestroy：在 beforeDestroy 之后调用 update...

模拟 vue 监测数据，简单记录只模拟一层数据。当数据发生改变时，vue 是怎样监测变化，然后使页面数据发生变化的，部分逻辑代码。# Vue 监视数据的原理vue 会监视 data 中所有层次的数据如何监测对象中的数据通过 setter 实现监视，且要在 new Vue 时就传入要监测的数据对象中后追加的属性，Vue 默认不做响应式处理如需给后添加的属性做响应式，可以使用如下...

展示人员信息，动态添加一个属性，发现页面数据并没有展示<body> <!-- 准备好一个容器 --> <div id="app"> <h2>人员信息</h2> <button...

# v-for 指令可遍历：数组、对象、字符串、指定次数# key 的作用<body> <!-- 准备好一个容器 --> <div id="app"> <h2>人员信息</h2> <button @click.once="addPeople">添加人员</button> <ul> <li v-for="(item,index) in persons"...

# 绑定 class 样式 -- 字符串写法<div id="app"> <!-- 绑定class样式--字符串写法 适用于：样式的类名不确定，需要动态指定--> <div class="basic" :class="mood" @click="changeMood">{{ emo...

使用 v-if 时可以和 template 连用，使用 template 不会破坏结构。<!-- 准备好一个容器 --> <div id="app"> <button type="button" @click="change">点击</button> <h2>{{ n }}</h2> <template...