2. vue 基础模板语法

1. 三要素

   1. 数据
   2. vue 实例
   3. 挂载元素

2. 在 中写的是表达式

3. 在标签属性中是不能使用 "" 进行数据填充

4. v-bind 指令

   1. 用来给属性绑定数据

         <a v-bind:href="表达式">{{href.title}}</a>

   2. v-bind 绑定完之后 属性后面的值就是一个表达式

         <a v-bind:href="href.target">{{href.title}}</a>

   3. v-bind 简写形式

         <a :href="href.target">{{href.title}}</a>

5. 数据配置与实例对象

      // 在配置中准备数据
      var option = {
         data() {
            return {
               user: {
               name: 'zs',
               age: 20,
               hobby: '打篮球'
               },
               href: {
               target: 'http://www.baidu.com',
               title: '百度一下你就知道'
               }
            }
         }
      }
   
      // 创建 一个vue 实例 app 然后指定挂在元素
      Vue.createApp(option).mount('#app')