Vue练习Demo



=================================== ===================================

基础部分,原文链接


===================================

示例:入门-Hello World

{{ message }}
===================================

示例:v-model

{{value}}
===================================

示例:v-text和v-html

v-text:
v-html:
===================================

示例:v-pre

{{这里的内容不会被编译}}
===================================

示例:v-if

我是aa

我是bb

===================================

示例:v-else

aa大于bb
aa小于bb
===================================

示例:v-else-if

A
B
C
Not A/B/C
===================================

示例:v-show

我是aa

我是bb

===================================

示例:v-for

  • {{ site.name }}
  • ===================================

    示例:v-bind

    我的博客首页链接

    我是蓝控,这是蓝色的!

    ===================================

    示例:v-on

    这是一段可隐藏的文本

    ===================================

    示例:methods方法

    {{ message }}

    ===================================

    示例:计算属性

    倒转前: "{{ message }}"

    倒转后: "{{ reversedMessage }}"

    ===================================

    示例:监听属性(千米与米换算)

    千米 : 米 :



    =================================== ===================================

    组件部分,原文链接


    ===================================

    示例:基本示例

    ===================================

    示例:基本示例-函数

    ===================================

    示例:template内换行

    ===================================

    示例:组件间数据相互影响

    ===================================

    示例:全局组件

    ===================================

    示例:局部组件

    ===================================

    示例:props

    ===================================

    示例:prop的大小写

    =================================== ===================================

    更多练习