Vue起步

作者: keepWhat | 来源:发表于2018-06-03 12:49 被阅读0次
mkdir vue
cd vue
wget https://vuejs.org/js/vue.js
touch index.html

1. hello world 项目

<html>
    <head>
        <script src="vue.js"></script>
    </head>
    <body>
        <div id="app">
            {{ message }}
        </div>
    </body>
    <script>
        var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
        })  
    </script>
</html>

打开chrome devtools 感受双向绑定

> app.$data.message
"Hello Vue!"
> app.$data.message="hehe" #浏览器中的值被刷新
"hehe"
> app.$data.message
"hehe"

相关文章

  • vue-cli 起步配置步骤

    Vue-Cli 是 vue 专用起步工具,用 Vue-Cli 起步能够:① 项目直接安装了Vue、Vue-Rout...

  • Vue 2.0 起步(3) 数据流vuex和LocalStora

    参考: Vue 2.0 起步(2) 组件及vue-router实例 - 微信公众号RSS Vue 2.0 起步(1...

  • Vue 基础

    Vue 起步 Vue V-for循环 (一) Vue V-for 循环(二) Vue v-for表格

  • Vue起步

    1. hello world 项目 打开chrome devtools 感受双向绑定

  • VUE 起步

    单页面 SPA 网页应用的关键在于路由, 过去一个个按钮都会跳转到一个个独立的页面, 由服务器端渲染, 填充相应的...

  • vue起步

    vue官方文档:cn.vuejs.org/v2/guide 兼容性 Vue不支持IE8及以下版本,因为Vue使用了...

  • Vue起步

    1 Hello world 2 TodoList 3 TodoList 改进

  • vue起步

    今天是我学习vue框架的第一个月,我知道什么是spa,什么事单页应用。 什么是大前端!~

  • vue起步

    vue是什么? Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级...

  • Vue 起步

    安装vue Cli 全局安装 vue-cli 创建一个基于 webpack 模板的新项目 安装依赖,走你 查看Vu...

网友评论

      本文标题:Vue起步

      本文链接:https://www.haomeiwen.com/subject/fgsgjftx.html