JS---初步使用Vue

二。使用vue
1.想使用vue,必须创建一个vue实例,且要传入一个配置对象
2.root容器里的代码依然符合html中规范
3.root容器里的代码被称为【vue模板】


-->

<body>
<div id="root">
<h1>hello,{{name}}</h1>
</div>
<a href="{{link}}" target="_blank" id="a1">百度 {{link}}</a>

<script type="text/javascript">

//1.小练习:使用JS中语句赋值到html中
Vue.config.productionTip = false;//解决报错
new Vue({
el:'#root',
data:{
name :'XXX',
}
})
</script>
</body>

posted on 2022-09-19 19:09  爱前端的小魏  阅读(94)  评论(0编辑  收藏  举报

导航