Vuejs入门

       想学习vuejs，可以看一下vuejs官方网址的API、教程，网址是：https://cn.vuejs.org，如下是我学习记下的。

       Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

一、简单的入门例子，[Hello Vuejs！]

1. 引入vuejs源码，两种方式（我写的是采用第一种）：   

• 进入官方网址https://cn.vuejs.org，下载vuejs开发源码，保存到本地引用； 
• cdn方式引用一个带版本号的链接；
• 
• 

2、第一个例子，取值展示

（1）、新建VUE-VODE文件夹，将第（1）步中下载的vue.js文件放进去；

（2）、新建index.html文件，通过<script>引用vue.js；

（3）、div标签中写Hello VueJS，浏览器刷新展示（普通html方式，为了后面用vuejs区别）

            

            

（4）、在<script>标签中new Vue实例，并绑定页面元素，添加页面展示数据，<div>标签用vuejs方式取值展示（取值有差值表达式取法和属性取）

          

          

         

         

二、title属性用法、模板用法、事件绑定、双向数据绑定

       1、title属性：

                       

            

       2、模板template，注意对比截图，页面输出的内容

            

 

            

        3、事件绑定

              

             

             

         4、双向数据绑定

             

             

              

三、计算属性、监听

       1、计算属性      

            

            

            

       2、监听

            

           

           

           

    未完待续。。。。。。。。。。。。。。