-
vue 中的@、@/锣枝、../和./的區(qū)別
@:表示vue語法中v-on的簡寫净当;綁定事件的專用格式够话。當事件觸發(fā)的時候,函數(shù)才會來調(diào)用类溢;
@ /:在build文件夾下webpack.base.conf.js找到@百框,便能知道@代表什么了;
這里指向src文件夾;
. /:表示當前目錄下寡具;
../: 表示父級目錄秤茅。
const 定義常量
let定義變量
動態(tài)綁定屬性 v-bind
比如img 的src屬性,img的src中不可以使用mustache語法
v-bind將src屬性定為變量
語法糖用:
來代替v-bind:
v-cloak使用童叠,當網(wǎng)絡(luò)較慢框喳,網(wǎng)頁還在加載 Vue.js ,而導致 Vue 來不及渲染,這時頁面就會顯示出 Vue 源代碼五垮。我們可以使用 v-cloak 指令說說 Vue.js 中的 v-cloak 指令
-
vue.js基礎(chǔ)__Template 模板
11.[vue 開發(fā)常用工具及配置六:認識各種 loader 'lang=less'](https://cloud.tencent.com/developer/article/1573522?from=15425)
watch: {
num(newVal, oldVal) {
// 監(jiān)聽 num 屬性的數(shù)據(jù)變化
// 作用 : 只要 num 的值發(fā)生變化,這個方法就會被調(diào)用
// 第一個參數(shù) : 新值
// 第二個參數(shù) : 舊值,之前的值
console.log('oldVal:',oldVal)
console.log('newVal:',newVal)
}
props
搜索監(jiān)聽
<van-popup
v-model:show="choiceDate"
round position="bottom">
<van-picker
title="選擇年月"
ref="picker"
:columns="columns"
@confirm="onConfirm"
@cancel="onCancel"
@change="onChange" />
</van-popup>