Vue简单使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>vue入门</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<div id="root">
<h1>
你好，{{name}}
</h1>
</div>
<script type="text/javascript">
Vue.config.productionTip=false
//创建vue实例
const x=new Vue({
el:'#root', //el用于指定当前vue实例为哪个容器工作
data:{ //data中用于存储数据，数据供el所指定的容器去使用
name:'Vue'
}
});
</script>
</body>
</html>
请注意，一个容器只能被一个实例接管
你好，{{name.toUpperCase()}}
你好，{{name.toUpperCase()}},{{Date.now()}}
