-
vue 中的@、@/、../和./的区别
@:表示vue语法中v-on的简写;绑定事件的专用格式。当事件触发的时候,函数才会来调用;
@ /:在build文件夹下webpack.base.conf.js找到@,便能知道@代表什么了;
这里指向src文件夹;
. /:表示当前目录下;
../: 表示父级目录。
const 定义常量
let定义变量
动态绑定属性 v-bind
比如img 的src属性,img的src中不可以使用mustache语法
v-bind将src属性定为变量
语法糖用:
来代替v-bind:
v-cloak使用,当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令说说 Vue.js 中的 v-cloak 指令
-
vue.js基础__Template 模板
11.[vue 开发常用工具及配置六:认识各种 loader 'lang=less'](https://cloud.tencent.com/developer/article/1573522?from=15425)
watch: {
num(newVal, oldVal) {
// 监听 num 属性的数据变化
// 作用 : 只要 num 的值发生变化,这个方法就会被调用
// 第一个参数 : 新值
// 第二个参数 : 旧值,之前的值
console.log('oldVal:',oldVal)
console.log('newVal:',newVal)
}
props
搜索监听
17 vue实现简单搜索功能
<van-popup
v-model:show="choiceDate"
round position="bottom">
<van-picker
title="选择年月"
ref="picker"
:columns="columns"
@confirm="onConfirm"
@cancel="onCancel"
@change="onChange" />
</van-popup>