码迷,mamicode.com
首页 > Web开发 > 详细

vuejs 入门

时间:2017-04-30 16:06:55      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:数据   blog   网上   改变   环境   logs   http   令行   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 入门

标签:数据   blog   网上   改变   环境   logs   http   令行   vuejs   

原文地址:http://www.cnblogs.com/daikefeng/p/6789607.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!