Vue基本语法

1. 官网： Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

一、示例代码

如下代码： 

    
    
    
    
    
    


    
    

        
Hello！{{name}}!
    

    

具体可以看注解

1. 如下图对应指定

 2. 以下代码

Vue.config.productionTip = false; //阻止启动生产消息

没有Vue.config.productionTip = false这句代码，它会显示你生产模式的消息；

开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。

而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。

此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。

  

作用： 消息提示的环境配置，设置为开发环境或者生产环境

二、 钩子函数

Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期

然而当第一次页面加载时会触发 beforeCreate, created, beforeMount, mounted 这几个钩子

如上代码就示例了函数created()

该函数中的代码会在页面加载前渲染

 具体学习如下文章：VUE 生命周期函数 beforeCreate、created、beforeMount、mounted_古雅学长的博客-CSDN博客