VUE-1

作者: 韫秋 | 来源:发表于2019-02-23 01:15 被阅读0次

1 - vue.js教程

vue.js是一套构建用户界面的渐进式框架。
vue只关注视图层,采用自底向上增量开发的设计。
vue的目标是通过尽可能简单的API实现【响应的数据绑定和组合】的视图组件。
vue学习起来非常简单,本教程基于vue2.1.8版本测试。

2 - 阅读本教程前,您需要了解的知识:

html
css
javascript

3 - 第一个实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <p>{{message}}</p>
</div>

<script type="text/javascript">
    new Vue({
        el:'#app',
        data:{
            message:'hello vue.js!'
        }
    })
</script>
</body>
</html>>

4 - 参考资料

webpack入门教程:http://www.runoob.com/w3cnote/webpack-turorial.html
官方文档:http://vuejs.org/v2/guide/syntax.html
中文文档:https://cn.vuejs.org/v2/guide/syntax.html

相关文章

  • vue-1

    MVVM框架 数据可以影响视图视图可影响数据。 基本结构 引入: html部分: 表达式 {{msg}}-->显示...

  • vue-1

    vue 是什么? 尤雨溪 vue.js框架的作者github-vue 2014年2月,开源了一个前端开发库Vue....

  • vue-1

  • VUE-1

    1 - vue.js教程 vue.js是一套构建用户界面的渐进式框架。vue只关注视图层,采用自底向上增量开发的设...

  • Vue-1

    1.1.Vue.js安装 方式一: 直接CDN引入 方式二: 下载和引入开发环境生产环境 方式三: NPM安装后续...

  • vue-1

    Vue 是一套用于构建用户界面的渐进式框架。 声明式渲染 文本插值 绑定元素 v-bind attribute 被...

  • VUE-1:基础、指令、数据

    vue.js `vue.js`是一套用于构建用户界面的渐进式框架 渐进式 Vue核心 -声明式渲染 -组件 引入...

  • Vue-1 Vue cli3 多页面配置

    1 准备工作 1.1 先查看版本 1.2 创建项目 会创建一个名为templates的项目目录结构为: 运行npm...

网友评论

      本文标题:VUE-1

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