vue模板语法插值文本指令参数指令的参数在指令名后用冒号表示,在简写中,参数前的一切都会被压缩为一个:字符。对于v-bind: 指令,简写形式是单个冒号 :例如:v-bind:href="url"简写为 :href="url"对于 v-on:指令,简写形式是 @ 符号例如:v-on:click="doSomething" 简写为 @click="doSomething"对于 v-slot:指令,简写形式是 # 符号例如:v-slot:header 简写为 #header动态参数参数加上[]表示动态参数,这里面会是一个JavaScript表达式,表达式的值会作为参数传入指令。修饰符修饰符是点号.后跟一个指令后缀,用于指定指令的特殊行为。.后面跟的就是触发事件。
vue创建应用创建应用createApp函数传入一个对象来配置应用,该函数会返回一个应用实例。const app = createApp({ })传入的对象实际上是个组件,每个应用必须一个根组件,其余为子组件createApp的参数组件选择对象最常见的用法,传入一个组件选择对象,这个对象包含了Vue组件的各种选项,这里面用选项式写法来包装import { createApp } from 'vue' const app = createApp({ data() { return { message: "Hello Vue!" } }, methods: { changeMessage() { this.message = "Hello Vue!" } }, template: '<div>{{ message }}</div>' }) app.mount('#app'
Vergessen
没有超过电子烟的纯真