“VUE 本地应用”的版本间的差异

2023年8月11日 (五) 01:28的最新版本

1.内容绑定，事件绑定

2.显示切换，属性绑定

3.列表循环，表单元素绑定

@@ 第6行： / 第6行： @@
 .列表循环，表单元素绑定
-=== v-text ===
+=== 内容绑定，事件绑定 ===
-设置标签的文本值（textContent）<syntaxhighlight lang="html">
+[[Vue v-text 指令]]
-<div id="app">
- <h2 v-text="message"></h2>
-</div>
-var app = new Vue({
+[[Vue v-html 指令]]
-  el:"#app",
-  data:{
-    message:"hello world"
-  }
-})
-</syntaxhighlight>
-上面的示例会替换 h2 标签内的全部内容
-有时候我们希望只对标签内的部分文本内容进行替换：<syntaxhighlight lang="html">
+[[Vue v-on 指令]]
-<div id="app">
- <h2>深圳{{ message }}</h2>
-</div>
-var app = new Vue({
+[[Vue 计数器]]
-  el:"#app",
-  data:{
+=== 显示切换，属性绑定 ===
-    message:"hello world"
+[[Vue v-show 指令]]
-  }
-})
+[[Vue v-if 指令]]
-</syntaxhighlight>上面示例中这种写法就是官方推荐的 <u>插值表达式</u>，可以只对标签内部的部分文本内容进行替换。
+[[Vue v-bind 指令]]
+[[Vue 图片切换]]
+=== 列表循环，表单元素绑定 ===
+[[Vue v-for 指令]]
+[[Vue v-on 补充]]
+[[Vue v-model 指令]]
+=== 小黑记事本 ===
+[[Vue 小黑记事本 介绍]]
+[[Vue 小黑记事本 新增]]
+[[Vue 小黑记事本 删除]]
+[[Vue 小黑记事本 统计]]
+[[Vue 小黑记事本 清空]]
+[[Vue 小黑记事本 隐藏]]
+https://github.com/jihch/vue_learning/tree/master/%E5%B0%8F%E9%BB%91%E8%AE%B0%E4%BA%8B%E6%9C%AC