vue模板语法

一、插值语法

<!--
	插值语法：
      功能：用于解析标签体内容。
      写法：{{xxx}}, xxx 是 js 表达式，且可以直接读取到 data 中的所有属性。
-->
<h1>差值语法</h1>
<p>hello, {{name}}</p>

二、指令语法

<h1>指令语法</h1>
<a v-bind:href="msg.url">百度一下？{{msg.url}}</a>
<a :href="msg.url">百度一下？</a>

<!-- :href === v-bind:href -->

<script src="../js/vue.js"></script>
<script>
  Vue.config.productionTip = false;
  new Vue({
    el: '#root',
    data: {
      name: 'jack',
      msg: {
        name: 'mary',
        url: 'https://www.baidu.com',
      }
    }
  })
</script>