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的大小写
=================================== ===================================
更多练习