diff --git "a/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-25-21.md" "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-25-21.md" new file mode 100644 index 0000000000000000000000000000000000000000..cc37dd9e409939ef26fea42235ff02cd472a4aab --- /dev/null +++ "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-25-21.md" @@ -0,0 +1,118 @@ +## 第一节Vue + +``` + +目前的三大框架 + +vue、react和angular2 + +vue最好学 + +mvvm: model view viewmodel的缩写，model（模块）和view（视图）双向联动！一个改了另一个也改了 + +``` + +``` +使用Vue + +index.html标签里直接使用 + + + +最简单的一个版 + +Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统 + +
+ {{msg}} +
+ + + + +将msg里面的内容直接显示在页面上 + +打开浏览器的JS控制台，console.log(app.msg)能够打印出来msg的内容 + +在控制台里，修改了app.msg=“ **** ”主页面就会更新成**** + +``` + +``` +绑定元素信息 + +将鼠标移到一个点或者说一段文字上时会显示其它信息 + +
+ {{msg}} + + + + 温迪 + + +
+ + + + +将鼠标放到温迪上，就会显示出风神巴巴托斯的信息 +``` + +``` + +控制切换一个元素可见可不见 + +
+ {{msg}} + + + + 温迪 + + +

蒙德

+
+ + + + + 接着在控制台输入app.seen=false,在主页面显示的蒙德就会消失 + +``` \ No newline at end of file diff --git "a/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-26-21.md" "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-26-21.md" new file mode 100644 index 0000000000000000000000000000000000000000..7f448b5f21160c9e6ceab03fcd585b02ad05bbc8 --- /dev/null +++ "b/\346\254\247\351\230\263\347\276\216\346\235\217/note-05-26-21.md" @@ -0,0 +1,211 @@ +## 第二节Vue课堂笔记 + +``` +条件与循环 + +在index.html body标签里 + +
+ +
+ + + + + 可以在控制台，输入app.toDos.push({taskName:"楚子航"})，这样就可以添加一个楚子航在张起灵下面 + +``` + +``` +处理用户输入 + +前后端双向联动 + +
+ + + + + + + + + + + + + + +
+ + + +
+ + + +
+ + +
+ + + + +``` + +``` +组件化应用构建 + +
+
    + + +
    +
+ + + + +
+ + + + +```