npx @vue/cli create hello-world
+<div id="app">
{{ message }}
</div>
@@ -995,7 +998,7 @@
-:- :- vm.$data# vm.$props (2.2.0)# vm.$el# vm.$options# vm.$parent# vm.$root# vm.$children# vm.$slots# vm.$scopedSlots (2.1.0)# vm.$refs# vm.$isServer# vm.$attrs (2.4.0)# vm.$listeners (2.4.0)#
+:- :- vm.$data观察的数据对象 # vm.$props (2.2.0)组件接收的 props 对象 # vm.$el实例使用的根 DOM 元素 # vm.$options实例的初始化选项 # vm.$parent父实例 # vm.$root当前组件树的根实例 # vm.$children当前实例的直接子组件 # vm.$slots访问被插槽分发的内容 # vm.$scopedSlots (2.1.0)访问作用域插槽 # vm.$refsDOM 元素和组件实例 # vm.$isServer是否运行于服务器 # vm.$attrs (2.4.0)包含父作用域中不作为 prop 被识别的属性绑定 ( # vm.$listeners (2.4.0)包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器 #
| :- | :- |
|---|---|
v-text | # |
v-html | # |
v-show | # |
v-if | # |
v-else | # |
v-else-if (2.1.0) | # |
v-for | # |
v-on | # |
v-bind | # |
v-model | # |
v-slot | # |
v-pre | # |
v-cloak | # |
v-once | # |
| :- | :- |
|---|---|
v-text | 更新元素的 textContent # |
v-html | 更新元素的 innerHTML # |
v-show | 切换元素的 display css 属性 # |
v-if | 有条件地渲染元素 # |
v-else | # |
v-else-if (2.1.0) | # |
v-for | 多次渲染元素或模板块 # |
v-on | 绑定事件监听器 # |
v-bind | 动态地绑定一个或多个属性 # |
v-model | 创建双向绑定 # |
v-slot | 提供插槽或接收 prop 的插槽 # |
v-pre | 跳过元素和它的子元素编译过程 # |
v-cloak | 保持在元素上直到实例结束编译 # |
v-once | 只渲染元素和组件一次 # |