vuejs最简单实现 html+js

vuejs是一种构建用户界面的库，具体可参考http://cn.vuejs.org/v2/guide/

本文使用vuejs实现一个最简单的功能，即实现响应式的数据绑定，将前端的view和model绑定。

在vuetest文件夹下新建两个文件，app.html和app.js，app.html如下：

    
    
    


    

        

            
Vue demo
            

                
{{message}}
                
            
        
    
    
    

其中用于引入vue.js，也可以下载到本地，通过本地路径引入；

是在html中引入与之关联的js文件，app.js实现如下：

new Vue({
    el:'#app',
    data: {
        message:'hello vue.js.'
    }
});

需要注意的是，只有先引入vue.js才能在js中new Vue对象并绑定app，这样直接浏览器打开app.html就可以看到效果：

修改文本框中的内容，可以看到文本框上方的内容也在相应改变。