<body>
// vue.config是vue全局配置对象
// productionTip 属性可能设置是否生产提示信息
//默认值是：true,如果是false 则表示组织生产提示信息
vue.congfig.productionTip =false
//指定挂载位置
//注意：以下代码只有vue框架能够看懂的代码。下面的代码就是一个模板语句，这个代码是需要vue框架编译，然后渲染的。
<div id =' app'>
<div>
<h1>{{age}}</h1>
<h1>{{time}}</h1>
</div>
</div>
<script>
new vue({
//template : `<h1>{{msg}}</h1><h1>{{name}}</h1>注意：错误写法
<div>
<h1>{{msg}}</h1>
<h1>{{}}</h1>
</div>
`,
data : {
msg : ' 离离原上草' ，
name : ' 一岁一枯荣'
age: 20 ，
time : 2024/3/27
}，
el:'app'
// el .document.getElementById('app')
})
// }).$mount('#app')
</script>
</body>
关于template配置项：
1.template后面指定的是模板语句，但是模板语句中只能有一个节点
2.只要data语句中的书记发生变化，模板语句一定会重新编译（只要data变， temple就会重新便于，重新渲染）
3.如果使用template配置项的话，指定挂载位置的元素会被替换
4.目前可以不适用template来编写模板语句。这些模板语句可以直接在html标签中，vue框架能够找到并编译，然后渲染。
5.如果直接将模板语句编写到HTML标签中，制定的挂载位置就不会替换
关于$mount('#app')
也可以不使用$mount('#app')的方式进行挂载
在vue中有一个配置项el
el配置项和$mount（）可以达到同样的效果
el配置项的作用？
告诉vue实例去接管那个容器
el : '#app' 表示让vue实例去接管 id= 'app'的容器
el其实时element的缩写，被编译为元素
全局配置：
vue.config 是一个对象，包含vue的全局配置，可以在启动应用之前改下列 property：
#silent 类型：boolean 默认值：false
用法 ： vue.config.silent=true
取消vue所有的日志与警告
#productionTip boolean 默认值 true
用法： 设置为false以阻止vue在启动时生成生产展示
