Vue 学习随笔二 - 简单说明

接上篇，点击链接会出现如下页面，我这个demo因为做了一些了，临时改回初始状态，一些样式已经不一样了，见谅：

代码如下：

<template>
  <div>{{ msg }}</div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'hello vue '
    }
  }
}
</script>

这应该是最简单的一个VUE 示例了，这时候我们体验一下VUE最核心的功能，你直接修改 data 方法中的 msg 变量，页面会实时刷新。
比如将 msg 修改成 ‘hello vue 123’，如下图：

OK，到这里，基本的介绍结束，有时间各位可以看一下官方的文档，对一些基本概念有一个了解。

英文：https://vuejs.org/
中文：https://cn.vuejs.org/v2/guide/

随时更改的入门级代码：https://github.com/szwangyu/kotlin-vue/tree/master/vuedemo

转载于:https://www.cnblogs.com/szwangyu51/p/9822641.html