Vue 2 0 簡介 環境準備 第乙個vue

2021-10-02 08:30:59 字數 906 閱讀 8752

vue.js 是前端的主流框架之一,和angular.js、react.js 一起,並成為前端三大主流框架!

vue.js 是一套構建使用者介面的框架,只關注檢視層,它不僅易於上手,還便於與第三方庫或既有專案整合。(vue有配套的第三方類庫,可以整合起來做大型專案的開發)

前端的主要工作?主要負責mvc中的v這一層;主要工作就是和介面打交道,來製作前端頁面效果;

庫(外掛程式):提供某乙個小功能,對專案的侵入性較小,如果某個庫無法完成某些需求,可以很容易切換到其它庫實現需求。

1、chrome vue擴充套件外掛程式:

2、hello.vue

lang

="en"

>

>

>

hello.vuetitle

>

head

>

>

>

hello }

div>

src=

"./lib/vue-2.4.0.js"

>

script

>

src=

"">

script

>

>

// 2. 建立乙個vue的例項

// 當我們匯入包之後,在瀏覽器的記憶體中,就多了乙個 vue 建構函式

// 注意:我們 new 出來的這個 vm 物件,就是我們 mvvm中的 vm排程者

newvue(}

)script

>

body

>

html

>

執行結果 外掛程式效果

VUE2 0學習之路1 開始 第乙個Vue例項

node.js版本 v12.13.1 npm版本 6.13.4 cnpm版本 6.1.0 安裝 映象 sudo npm install g cnpm registry ide vscode 在vscode中建立專案資料夾,我取名vue code,簡單例項專案目錄如下 assets 存放靜態資源檔案,...

開發環境準備與第乙個程式

寫程式我們需要有相對應的軟體,然後在這個軟體裡面開發程式 推薦工具eclipse,intellij idea 第乙個程式 helloword 我們想編寫 就需要先來建立乙個j a專案,專案建立完成以後我們就可以來建立乙個class來編寫程式原始碼 package com.ailyt public c...

第乙個專案(一)簡介

將py中列匯入mysql demo目錄下 create tables.py from demo.models import 匯入models內部所有類 db.create all 連線資料庫,建立models裡面所有類 models.py from demo import db class user...