初学vue

一、约束问题

今天在学习vue时，出现了一个问题？为什么v-on会爆红？

虽然这个地方没有报错，页面也正常显示，但这个地方要加上要上这个才不会爆红，然后自己去了解了一下xmlns:v-on=“http://www.w3.org/1999/xhtml”
xmlns:v-on=“http://www.w3.org/1999/xhtml”，这是一个命名空间，可以规范文档，说明这个文档符合W3C标准。

二、用Vue实现计数器

1、引入js

  <script src="../js/vue.js"></script>

可以到官网下载，https://cn.vuejs.org/v2/guide/installation.html
将vue.js放到了js文件夹下。

2、div容器并定义两个按钮

<div id="app">
    <h1>计数器的数值：{{counter}}</h1>
  <!-- v-on用于监听，v-on:click用于监听点击事件。-->
    <button v-on:click="counter++">+</button>
    <button v-on:click="counter--">-</button>
</div>

3、编写js

<script>
    //声明式编程；
    //let用于定义变量，const用于定义常量，
    const app=new Vue({
        el:'#app',     //绑定div容器
        data: {
            counter:0,//初始化的数值，此处初始值为0,与div中{{counter}}相对应。
        }
    })
</script>

4、成果