diff --git "a/\345\217\266\345\270\270\346\230\245/2021-5-28.md" "b/\345\217\266\345\270\270\346\230\245/2021-5-28.md" new file mode 100644 index 0000000000000000000000000000000000000000..01a41ca93b1f1077182786ab4f0a1ffe29e38c79 --- /dev/null +++ "b/\345\217\266\345\270\270\346\230\245/2021-5-28.md" @@ -0,0 +1,26 @@ +# vuejs第三课 天气🌧 下的是开水 +## 创建一个vue实例 ++ 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的 +``` +var vm = new Vue({ +// 选项 +}) +``` +## 数据与方法 ++ 当一个 Vue 实例被创建时,它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时,视图将会产生“响应”,即匹配更新为新的值 +``` +
+ 姓名:{{name}} 年龄:{{age}} +
+``` + ++ 举个🌰👇 +``` +var da={name:'小叶',age:20}; +var app=new Vue({ + el:'#app', + data:da +}) +``` +注:Object.freeze()方法可以冻结一个对象。一个被冻结的对象再也不能被修改 +# 每日一言:很喜欢包子在海伦司一打二的时候阿鑫说的《我二弟天下无敌》 \ No newline at end of file diff --git "a/\345\217\266\345\270\270\346\230\245/2021-5-29.md" "b/\345\217\266\345\270\270\346\230\245/2021-5-29.md" new file mode 100644 index 0000000000000000000000000000000000000000..19ce53e65b7bbd1d13f64cc6f0b84f9233e61930 --- /dev/null +++ "b/\345\217\266\345\270\270\346\230\245/2021-5-29.md" @@ -0,0 +1,20 @@ +# vuejs第四次课 天气企业级🌧 星期六下午有课还得顶着雨去上课是什么人间疾苦😭 +## 文本 ++ 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值: +``` +Message: {{ msg }} +``` ++ 通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定: +``` +这个将不会改变: {{ msg }} +``` + +## 原始HTML ++ 双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html👇 +``` +

Using mustaches: {{ rawHtml }}

+

Using v-html directive:

+``` +注:你的站点上动态渲染的任意 HTML 可能会非常危险,因为它很容易导致 “XSS” 攻击。请只对可信内容使用 HTML 插值,绝不要对用户提供的内容使用插值 + +# 未完待续 \ No newline at end of file