<div id="root">
<!-- 插值表达式 -->
<p>hello {{name}}{{age}}{{skill}}</p>
<!--该容器可以用双花括号的方法,直接使用变量值-->
</div>
<script src="./vue.js"></script>
<script>
Vue.config.productionTip = false;
//关闭了生产提示
//创建vue实例
const vm = new Vue({
el:"#root",//表示该vue实例选中id为root的容器
data:{
name:"黑崎一护",
age:20,
skill:"虚化の月牙天冲"
},
//所有的函数方法都会放在这个methods里面
methods:{
show(){
alert("hello,这是一个方法");
}
}
})
</script>
此时,网页呈现的效果是