vue.js是什么？

vue.js是什么?

构建用户界面的渐进式框架.采用自底向上增量开发的设计.被定义成开发web界面的前端库，是个非常轻量级的工具。其本身具有响应式编程和组件化的特点。

为什么要用vue.js?

轻量级，易上手

vue.js的Hello world

引入vuejs

1. 直接使用CDN

   <script src="#"></script>

2. NPM安装:npm install vue

   HTML内容

   <div id="app">
       {{ message }}(特性1.数据绑定)
       <input type="text" v-model="message">(绑定用户输入的数据)
   </div>
   

   JS内容

   var vm = new Vue({
       el: '#app',
       data: {
           message: 'Hello world!'
       }
   })
   

   输出结果

       Hello world!
   

特性2.组件化 (自己定义HTML标签)

HTML内容

<div id="app">
    <message content="hello world"></message>
</div>

JS内容

var Message = Vue.extend({
    props:['content'],
    template:'<h1>{{ content }}</h1>'
})
Vue.component('message',Message);
var vm = new Vue({
    el:'#app'
})

输出结果为

<div id="app>
    <h1>hello world</h1>
</div>