template配置项详情——03

<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在启动时生成生产展示

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值