这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue,为了回避错误、小纠结和反模式,该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工
本节例子中代码使用的单文件组件语法#setup一个组件选项,在创建组件之前执行,一旦 props 被解析,并作为组合式 API 的入口点 入参: {Data} props {SetupContext} context 类
本节例子中代码使用的单文件组件语法#computed使用 getter 函数,并为从 getter 返回的值返回一个不变的响应式 ref 对象。const count = ref(1)const plusOne = computed(()
本节例子中代码使用的单文件组件语法#ref接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。示例:const count = ref(0)con
本节例子中代码使用的单文件组件语法#reactive返回对象的响应式副本const obj = reactive({ count: 0 })响应式转换是“深层”的——它影响所有嵌套 pr
#component Props: is - string | Component 用法:渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。is 的值是一个字符串,它既可以是 HTML 标签名称
#key 预期:number | stringkey 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会使用一种最大限度减少动态元素并且尽
#v-text 预期:string 详细:更新元素的 textContent。如果要更新部分的 textContent,需要使用 Mustache 插值。 示例: <span v-text="msg"></span> <!-- 等价于 --> <span>{{m
#$watch 参数: {string | Function} source {Function | Object} callback {Object} [options] {boolean} deep {boolean} immediate {string} flush 返回:{Function} unwatc
#$data 类型:Object 详细:组件实例观察的数据对象。组件实例代理了对其 data 对象 property 的访问。 参考选项 / 数据 - data#$props 类型:Object 详细:当前组件接收到的 props
#name 类型:string 详细:允许组件模板递归地调用自身。注意,组件在全局用 Vue.createApp({}).component({}) 注册时,全局 ID 自动作为组件的 name。指定 name 选项的另一个好处
#mixins 类型:Array<Object> 详细:mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项,这些选项将会被合并到最终的选项中,使用特定的选项
#directives 类型:Object 详细:包含组件实例可用指令的哈希表。 参考自定义指令#components 类型:Object 详细:包含组件实例可用组件的哈希表。 参考 Components
注意所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对 property 和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created:
#template 类型:string 详细:一个字符串模板作为 component 实例的标识使用。模板将会替换挂载的元素。挂载元素的内容都将被忽略,除非模板的内容有分发插槽。如果值以 # 开始,