摘要:
使用 v-if 指令来有条件地渲染元素: 也可以使用 v-else 和 v-else-if 来表示其他的条件分支: 完整示例: ``` toggle {{awesome}} Yeah Yeah Oh no 😢 ``` 阅读全文
摘要:
我们同时使用v-bind 和 v-on 来在表单的输入元素上创建双向绑定: 完整示例如下: ``` {{ text }} ``` 为了简化双向绑定,Vue 提供了一个 v-model 指令,它实际上是上述操作的语法糖: `````` v-model 会将被绑定的值与 ` `的值自动同步,这样我们就不 阅读全文
摘要:
##事件监听 使用`v-on`指令监听DOM事件: ```{{ count }}``` 因为其经常使用,`v-on` 也有一个简写语法: ```{{ count }}``` 完整实例 ``` count is: {{ count }} ``` 阅读全文
摘要:
## attribute绑定 vue中为了给属性绑定一个动态值,需要使用v-bind指令: `````` 指令是由 v- 开头的一种特殊 attribute。 冒号后面的部分 (:id) 是指令的“参数”。此处,元素的 id attribute 将与组件状态里的 dynamicId 属性保持同步。 阅读全文
摘要:
## SFC(Single-File Component,缩写为 SFC) SFC 是一种可复用的代码组织形式,它将从属于同一个组件的 HTML、CSS 和 JavaScript 封装在使用 .vue 后缀的文件中。 ## 响应式 ### reactive() reactive() 只适用于对象 ( 阅读全文