vue入門(三)----vue-cliを使用して1ページの豊富な応用を構築する

上の2节は私达はvueのいくつかの概念を言って、実は言う知识の少しの基础、この部分の知识は私は更にみんなが公式サイトに行って学ぶことを望んで、ここで言うのが多すぎるため私もただ公式サイトのそのまま写すだけだと思います.今日はvue-cliのいくつかの基礎知識を学び、vue-cliで単一ページリッチアプリケーションを構築します.では、まずvue-cliとは何かを紹介します.
まずvue-cliを勉強しなければなりません.cliとは何かを知る必要があると思います.まず「オリジナル」フロントエンドに戻ります.フロントエンドとは何ですか.html,css,jsにほかならないが,定義は少し粗い.しかし、フロントエンドの発展に伴い、フロントエンドの内容はますます多くなり、ますます豊かになってきた.先端開発の革命的な改善は引き続き展開されている.これでMVVMフレームワークができます.ここではmvvmの定義を示しましょう.もし間違っていたら、皆さんに指摘してください.mvvmとはmodel,view,viewModelのことです.model:アプリケーションのビジネスロジックに関連するデータとデータの処理方法をカプセル化するために使用されます.view:私たちが運用するビュー部分に値する.viewModel:実はこれはmvvmの中で最も難しい内容で、ここでは簡単にviewとmodelの中間層と理解することができます.それはmodel層からデータを取得し、対応する処理を行ってview層に転送することです.より理解するために、簡単な例を挙げます.

<template>
    <div>show {{time}}div>
<template>
<style scoped>
......
style>
<script>
 export default{
    data: function(){
        time: '1992-11-14'
    }
    methods: {
    'change': function () {
       ......
    }
}
script>

ここでは簡単なvue単一ファイルコンポーネントを提供します.vueに関する知識を見たら、それがどういう意味なのか簡単に分かると思います.一部はviewレイヤを表し、インタフェースの表示に使用されます.
scriptのdata部分はmodel層に相当します.methodsのchangeには、いくつかのデータの取得、フォーマット変換などのプロセスが含まれている可能性があります.これがmvvmです(個人的には理解しましょう).
少し遠くなったようですが、私たちはやはり足場に戻ります.まず足場とは何かを見てみましょう.なぜ足場を使うのですか.足場、この概念は実は比較的に広いでしょう、やはり自分の理解を与えて、私は学習の中で自分の理解を与えることができるのがとても良いと思って、他人の理解を強記するのは確かに少しつらいです.足場は何ですか.足場は基礎的なフレームワークを完成させてくれるものだと思います.毎回、1つのプロジェクトがどのようにリリースバージョンをエクスポートすべきか、必要なパッケージをどのように導入すべきかを定義する必要はありません.
次に、vue-cliを使用して単一ページのリッチアプリケーションを構築し始めます.まず、vue-cliプラグイン、vue install vue-cli--saveをインストールする必要があります.インストールが完了すると、vue init webpackをコマンドして基本的なテンプレートを作成できます.基本ファイルがダウンロードされているのが見えますが、まだ終わっていません.多くのパッケージをダウンロードし、コマンドnpm installを使用して自動的にダウンロードする必要があります.ダウンロードが完了したら完了します.簡単な単ページリッチアプリケーションです.
転載先:https://www.cnblogs.com/liboBlog/p/6611611.html