vue的入门/简介

时间 2019-11-30

标签 vue 入门简介繁體版

原文原文链接

vue 特色html

1. 响应的数据绑定/响应式编程 2. 组件化

vue优势

1. 轻量级的框架 2. 简单易学 3. 双向数据绑定 4. 组件化 5. 视图,数据,结构分离 6. 虚拟DOM 7. 运行速度更快

vue缺点前端

做为一个新兴的前端框架,在支持特性方面存在一些问题
vue

先后端混合受限

MVVM模式简介编程

1. M: model,模型,在这里指的是数据模型后端

2. V: view,视图,在这里指的就是咱们写的页面前端框架

3. VM ViewModel,是数据模型和视图链接的纽带(桥梁)app

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <title>Vue入门之Helloworld</title>
        <!--第1步：引入Vue库-->
        <script src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>

    <body>
        <!--第2步:  经过id属性设置视图的入口-->
        <div id="app">
            <!--Vue的模板的绑定数据的方法， 相似于不少其余前端的模板，能够用两对花括号进行绑定Vue中的数据对象的属性 -->
            {{ message }}

        </div>

        <script>
            //第3步：建立模型数据
            var modelData = {
                message: 'Hello Vue!'
            }

            //第4步: 建立vue对象
            var app = new Vue({ // 建立Vue对象。Vue的核心对象。
                el: '#app', // el属性：把当前Vue对象挂载到 div标签上，#app是id选择器
                data: modelData// data: 是Vue对象中绑定的数据模型

            });
        </script>
    </body>

</html>

1. vue从入门到进阶：简介（一）
2. vue入门：简单指令介绍
3. Vue入门-Vue介绍
4. VUE的简单入门
5. Vue简单入门
6. Vue极简入门
7. Flutter的入门简介
8. git的简介及入门
9. Matplotlib入门简介
10. Netty入门简介
更多相关文章...
• Memcached入门教程 - NoSQL教程
• Scala 简介 - Scala教程
• Java Agent入门实战（一）-Instrumentation介绍与使用
• YAML 入门教程