vue.js 详解

1.vue.js入门

        Vue.js 是用于构建交互式的 Web 界面的库。

        Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

        不懂的小伙伴可以到Vue.js  vue官网进行深入了解。

2.vue.js的特点

        简洁： HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。

        数据驱动： 自动追踪依赖的模板表达式和计算属性。

        组件化： 用解耦、可复用的组件来构造界面。

        轻量： ~24kb min+gzip，无依赖。

        快速： 精确有效的异步批量 DOM 更新。

        模块友好： 通过 NPM 或 Bower 安装，无缝融入你的工作流。

3.vue.js 安装

        vue.js的使用有两种：

       3.1 一种是直接在html文档中引入vue.js的js文件 

        如上图在你的html文档中就引入了vue,js

        3.2 一种是创建vue项目

        创建vue.js需要使用node.js来创建项目

        那么node.js 就不多说了 直接在其中输入指令就可以创建vue项目了

        下面是输入的指令

         npm install vue

4.vue.js的基本使用

        1.首先创建vue实例

<script>
    new Vue({
		el: "#app",	
	})
</script>

        我们看到创建的vue实例中有  el  属性  el是挂载器的意思,el后面的#app 是标签名 对应如下图

        

        然后 挂载完后  在这个 名字为app的标签中 就可以 用vue.js的操作了

总结一下： 想要了解vue 首先要知道 vue是啥  可以干什么事 怎么用 有什么特点