vue的使用基礎

2021-10-11 11:47:27 字數 881 閱讀 9597

官方的說法是這樣，簡單的理解下來就是乙個框架，別人幫我們寫好的框架，我們只需要拿來使用就行了。

上面說了，vue是別人寫好的框架，我們只需要拿過來用就行了。

用標籤來引入：

""


>


<


/script>
通過new vue()方法來使用vue;

>


}<


/div>


var vm =


newvue(,


methods:}}


)<


/script>


<


/body>
最終效果：

1.el

型別  是乙個字串


全稱  element（元素）


作用  配置控制的元素---表示vue要控制的區域，值為css選擇器
2.data

型別 物件


作用 存放要用到的資料，資料為響應式的。
3.methods

型別 物件


作用 存放要用到的方法
4.插值表示式 }(雙大括號)

用於存放 數字 字串  陣列  物件 表示式
雖然methods裡的方法也可以寫在data裡，但是寫在data裡的方法就無法進行操作，data、methods等就相當於不同的櫃子，每個櫃子有每個櫃子的用處，雖然都能存放資料，如果硬要放在一起也不是不行，但肯定會出現一些想不到的結果。(如果你想這樣用，那就當我沒說?)

vue的基礎使用

1 通過new的方式來得到了vue的例項，在new通過乙個物件來對vue的例項配置 el，data 接觸了雙花括號 mustache interpolation 的語法 可以讀取變數的值 顯示在呼叫的元素的innerhtml中。2 雙花括號 語法 作用 執行表示式，將表示式的結果 輸出到當前呼叫元素...

Vue 基礎使用

二 基本語法 三 vue指令 vue 讀音 vju 類似於 view 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時...

Vue元件使用基礎

這篇博文用來記錄.vue元件的使用方法。可以把元件 按照template style script的拆分方式，放置到對應的.vue檔案中。模板 template 初始資料 data 接受的外部引數 props 方法 methods 生命週期鉤子函式 lifecycle hooks 在html中使用元...