vue method

新建一个vue实例，属性el代表把对应元素区域交给vue管理（el: '#app’代表把id为app的区域交给vue管理）。那么对应元素区域里面就可以使用vue的语法了。

method 方法

 <!-- 触发事件，建议使用Vue的语法来绑定事件（@事件类型，代表绑定什么事件） -->
 <!-- 实例内定义的函数，使用Vue的语法来绑定；实例外定义的，可以使用原生的方式绑定事件 -->
        <button @click="myFunction">按钮</button>

 var app = new Vue({
   
                  el: '#app',
                  data: {
   
                    message: 'Hello Vue!'
                  },
                  methods: {
   
                    myFunction: function () {
   
                        alert('haha')
                    }
                  }
                })

v-text可以向元素中输出文本内容

  <span v-text="message"></span>

v-html可以向元素中输出html内容：

 <span v-html="message"></span>

注意!!!

Mustache 语法不能作用在 HTML 特性上，也就是说在html元素中没有 id="{ { id }}" 这样的操作 ，这种时候需要使用vue语法：v-bind:id=“id”
{ { }}里面可以使用javascript表达式，例如：{ { message.split(’’).reverse().join(’’) }}

v-bind’