vue學習 基本簡介,安裝,示例,options

2022-06-21 00:48:15 字數 1165 閱讀 1521

後端主要是由mvc,而前端是mvvm ,m:儲存頁面的單獨資料 v:每個頁面的html vm:排程資料,也就是m和v的橋梁

安裝

方式一:cdn引入,直接請求別人伺服器的js檔案

方式三:npm安裝

第乙個程式

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

<

title

>helloworld

title

>

head

>

<

div>

div>

<

body

>

<

div

id>}

div>

<

script

src="../vue.js"

>

script

>

<

script

>

=new

vue(,

methods:}})

//

script

>

body

>

html

>

options

上面我看到el,data,methods這都是建立vue例項的時候,傳入了乙個物件的options

el:型別string | htmlelement 主要是接管div到屬性:只能接管乙個div,所有需要vue處理,必須寫在乙個div裡面

data:型別object | funciton    存放資料

methods:型別    它定義屬於vue的一些方法,可以在其他地方呼叫,也可以在指令中使用

Vue 學習筆記 簡介

vue 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層。npm 安裝 安裝後本地就會有vue.js檔案,使用 type text v model num v on click num 點讚button v on cli...

vue學習筆記 2 vue簡介

本次學習主要來自官網的教程 vue應用是由乙個根vue例項開始的。vue會將資料繫結到data中,當data資料改變時也會導致檢視的改變 觀察者模式 可以實現資料的雙向繫結 響應式 vue例項中的屬性可以通過 屬性名的方式獲取,入 data vue是在初始化時繫結資料的,如果初始化後再次新增元素,則...

go學習筆記01 基本示例

請保持檔案編碼為utf 8 package main 程式入口包必須是main import fmt 匯入使用功能的包,可以在前面使用別命 var a int 定義全域性變數初始為零,型別在後面。未指定情況,標準型別為零,其它為nil var 多賦值方式 a1 int a2 string a3,a4...