vue.js笔记一

1、理解几个基础概念：

挂载点：

模板：挂载点内部的内容

实例：

2、Vue实例中的数据，事件和方法

<div id="box">

                  <div @click="handleClick">{{content}}</div>

            </div>

            <script type="text/javascript">

                  new Vue({

                        el:"#box",

                        data:{

                              content:"hello"

                        },

                        methods:{

                              handleClick:function(){

                                    this.content="world"

                              }

                        }

                  })

            </script>

3、属性绑定和双向数据绑定

<div id="root">

                  <div :title="title">hello world</div>

                  <input v-model="content"/>

                  <div>{{content}}</div>

            </div>

            <script type="text/javascript">

                  new Vue({

                        el:"#root",

                        data:{

                              title:"this is hello world",

                              content:"this is content"

                        }

                  })

            </script>

4、