vuejs 入门

Posted 2020-09-15 爱coding

配置环境教程网上太多了，就不赘述了，建议使用npm 命令行安装，总觉得这个念头不会使用命令行配置环境的就不是一个好的程序员，或者为了方便也可以直接在本地建一个.html文件，然后引用下面的链接即可。

<script src="https://unpkg.com/vue/dist/vue.js"></script>

声明式渲染

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM：

<div id="app">
    {{message}}
</div>

var web = new Vue({
    el:"#app",
   data: {
       message:"hello world!"        
     } 
})

我们就可以看到页面生成了hello world!,因为它是双向数据绑定，只要我们修改js文件中的message，相应的html页面显示的文字也会做出改变。