首页 > 代码库 > vuejs 入门

vuejs 入门

配置环境教程网上太多了,就不赘述了,建议使用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页面显示的文字也会做出改变。

vuejs 入门