Vue的初體驗 new Vue使用

2021-09-24 05:28:57 字數 773 閱讀 3018

vue的最開始使用

引入vue包 需要在body之前引入

在html寫乙個帶id的標籤 這個父級元素及它內部所有元素都在下一步的控制域內

}

new 乙個vue物件

var vm = new vue(

})

(1)其中 el 是選擇器 注意 el只能選擇乙個dom作為控制域 比如:

}

}

結果:

//vue是什麼?

}可以看出 用類選擇器時 vue只選擇class中第乙個dom

(2) 使用data內部的資料時候,如:this.first的方式 但是不可以 this.data.first 我們列印vm 看看為什麼

我們看到first 成為vm中的乙個屬性 再試試列印 vm. _data.first 看看

答案是可行的。

這是高程中對**的解釋

(3) 引用傳入資料 在標籤內部加入名為「插值表示式」 如 }

vue的初體驗

詳細看vue的官方文件。此處記錄純屬個人在使用中的一些小結 1 v text 操作元素的純文字,其簡寫形式 eg 簡寫為 2 v html 其作用和v text一樣,唯一的區別是瀏覽器會將v html的資料當成html標籤解析後輸出 3 繫結事件用 v on click 標誌,v on 可簡寫為 4...

vue路由初體驗

這裡記一下,免得後面到處是錯 而且總是出錯,大部分是單詞打錯了,注意細節 新建乙個資料夾modules 裡面放router.js 在裡面import vue from vue 引入vue import index from comptents index index.vue 先引入等下要跳轉的模組 ...

Vue初體驗(一)

每個 vue 應用都需要通過例項化 vue 來實現。語法格式如下 varvm newvue 接下來讓我們通過例項來看下 vue 構造器中需要哪些內容 可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue det,在 div 元素中 div id ...