Vue.createApp({
? ? ? ? template: `..`,
? ? ? ? data() {
? ? ? ? ? ? ? ? return { count: 100?}
????????},
? ? ? ? methods: {..}
})
1.两个概念：计数器案例原生实现、vue实现
? ? ? ? 编程范式：命令式、声明式
? ? ? ? 架构模式：MVC、MVVM??
2.模板语法tempate-Mustache
template元素是一种在客户端保存内容的机制，在加载时不被渲染，可以被js实例化(显示)
<template>
? ? ? ? <div>{{ count }}</div>? ? ? ? A，基本用法
? ? ? ? <div>{{ count * 2 }}</div>? ? ? ? B，表达式
? ? ? ? <div>{{ String(count).split("").reverse().join("")}}</div>? ? ? ??
? ? ? ? <div>{{ getReserveCount()?}}</div>? ? ? ? C，方法-计算属性=computed
????????<div>{{ isShow = count === 0 ? ?false : true }}</div>? ? ? ? D，三元运算
</template>?
|