-
v-on:可以寫成@ 這個符號
在標簽<h1>當中用兩個花括號里面寫上data中要顯示的數據,這種方法叫做插值表達式.
查看全部 -
改變數據內容:
查看全部 -
綁定單擊事件:
查看全部 -
v-text和v-html區別是獲取的內容v-text會將標簽轉義,把內容全部打印,而v-html不會將內容轉義,只打印標簽里的文本內容.
查看全部 -
<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8">
????????<title>掛載點，模板，實例之間的關系</title>
????????<script?src="vue.js"></script>
????</head>
????<body>
????????<div?id="root">
????????</div>
????????<script>
????????????new?Vue({
????????????????el:"#root",
????????????????template:'<h1>Hello?{{msg}}</h1>',
????????????????data:{
????????????????????msg:"World"
????????????????}
????????????})
????????</script>
????</body>
</html>
查看全部 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vue入門</title>
<script src="vue.js"></script>
</head>
<body>
????<div id="root">{{msg}}</div>
????<script>
????????new Vue({
????????????????el:"#root",
????????????????data:{
????????????????????? ?msg:"hello world"? ? ? ? ? ? ??
????????})
????</script>
</body>
</html>
查看全部 -
本人vue小白，對我幫助很大查看全部
-
偵聽器watch作用：檢測某一數據和計算屬性發生了變化時，可在偵聽器中寫業務邏輯
查看全部 -
計算屬性computed 特性:
計算屬性依賴的其他屬性值沒發生變化時，會使用緩存中的計算值，當其中某一屬性值發生變化時，才會重新計算
查看全部 -
scoped 局部樣式，只能當前組件樣式有效
查看全部 -
data在vue-cli腳手架中變成了一個函數，其返回值是我們具體的數據
引入Vue組件文件：
import?要調用的組件名稱?from?'文件路徑'
在Vue組件文件中，模板<template>下只能有一個根標簽！
引入局部組件后，需要在components中聲明。
components：{? ??'todo-item':?TodoItem }局部組件中，props中存放的是父級給子級傳值得項。
查看全部 -
v-if控制dom的存在與否v-show控制dom的顯示與否，v-for指令用來控制一組數據，通過這組數據來循環顯示頁面的dom的結構查看全部
-
v-if和v-show查看全部
-
v-if只顯示隱藏或顯示一次查看全部
-
v-model雙向綁定語法查看全部
舉報