差值语法
- 功能：用于解析标签体内容
- 语法：{{XX}},XX会作为js表达式解析
<body>
<div id="root">
<h1>插值语法</h1>
{{msg}}
<br>
</div>
<script type="text/javascript">
Vue.config.productionTip = false;
new Vue({
el: "#root",
data: {
msg : "你好，世界!"
}
});
</script>
</body>
指令语法
-
功能: 解析标签属性、解析标签体内容、绑定事件
-
举例：v-bind:href = ‘xxxx’ ，xxxx 会作为 js 表达式被解析
-
说明：Vue 中有很多的指令，此处只是用 v-bind 举个例子
<body>
<div id="root">
<h1>指令语法</h1>
<!-- 解析标签属性、解析标签体内容、绑定事件 -->
<a v-bind:href="url">跳转到百度</a>
<!-- 简写 -->
<a :href="url2">必应</a>
<br>
</div>
<script type="text/javascript">
Vue.config.productionTip = false;
new Vue({
el: "#root",
data: {
msg : "你好，世界!",
url : "https://www.baidu.com",
url2 : "https://www.bing.com"
}
});
</script>
</body>
扫一扫
917
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
