Vue新手入门

一、什么是Vue？

　　1.    vue为我们提供了构建用户界面的渐进式框架，让我们不再去操作dom元素，直接对数据进行操作，让程序员不再浪费时间和精力在操作dom元素上，解放了双手，程序员只需要关心业务，提高了开发效率。

　　2.    框架和库的区别

　　　　　框架是一整套解决方案，对项目的侵入性较大，项目如果需要更换框架的话，则需要重新架构整个项目

　　　　　库（相当于是一个插件）提供了某一个功能，对项目入侵性小，如果当前这个库无法满足某些功能的话，可以很容易的切换到其他库，完成该需求

　　3.   vue的基本语句：　

　　var vm = new Vue({/* 根实例 */
　　　　el : '#app',
　　　　// 指向的哪个元素（实例的挂载目标）
　　　　data : {
　　　　　　msg:"你好"
　　　　},
　　　　// 所有根实例下的数据
　　　　methods : {}
　　　　// 所有根实例下的方法区别
　　});

　　此时我们如果想要把msg中的数据渲染到页面上 需要用到以下方法：

　　<div id="app">

    　　<div>{{msg}}</div>

    　　<div v-text="msg"></div><br>　　　　　　　

　　　　<div v-html="msg"></div>

　　</div>

 

　　具体的标签指令见vue.js官网