认识Vuejs

• Vue是一个渐进式的框架，什么是渐进式的呢？

渐进式意味着你可以将vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。(如营销自助平台，老平台里嵌入vue项目，老平台页面逐步用vue开发的新页面替换掉)或者如果你希望将更多的业务逻辑使用vue实现，那么vue的核心库及其生态系统。（一个项目全部用vue开发，比如vue全家桶）比如Core+Vue-router+Vuex,也可以满足你各种各样的需求。

• Vue有很多特点和Web开发中常见的高级功能

1. 解耦视图和数据
2. 可复用的组件
3. 前端路由技术
4. 状态管理
5. 虚拟DOM

     这些特别，不需要一个个去记，需要在后面的学习和开发中慢慢体会。

     学习Vuejs的前提？需要具备一定会给的HTML、CSS、JavaScript、ES6基础。

Vuejs的安装

标题

 

• Vue的响应式

响应式即数据发生改变的时候界面跟着改变

上段代码做了什么事情呢？

• 阅读Javascript代码，会发现创建了一个Vue对象
• 创建Vue对象的时候，传入了一些option：{}

1. {}中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上，很明显，我们这里是挂载到了id为app的元素上
2. {}中包含了data属性：该属性中通常会存储一些数据 

这些数据可以是我们直接定义出来的，比如像上面这样。   

也可能来自网络，从服务器加载的。

• 浏览器执行代码的流程：

     执行到8~11行代码显示出对应的HTML

　执行第１４行代码创建Vue实例，并且对原HTML进行解析和修改。

并且，目前我们的代码时可以做到响应式的。

Vue的列表展示

       

            
{
    {message}}
            

                
{
    {item}}
            
        

        
        

 它还是相应式的,也就是说,当我们的数组中的数据发生改变时,界面会自动改变。