<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在啟動時生成生產展示