子舒的博客
·
vue 学习笔记 (2)－－vue 实例和模板语法
💡
原文中文，约4800字，阅读约需12分钟。
📝
内容提要
Vue 实例通过 `new Vue` 创建，数据对象会被加入响应式系统，数据变化时视图自动更新。使用 `Object.freeze()` 冻结对象后，无法修改其属性。Vue 支持动态参数和修饰符，简化指令书写。模板中只能包含一个 JavaScript 表达式，不支持复杂语句。
🎯
关键要点
-
Vue 实例通过 new Vue 创建，所有组件都是 Vue 实例。
-
数据对象中的属性会被加入到 Vue 的响应式系统中，数据变化时视图自动更新。
-
使用 Object.freeze() 方法冻结对象后，无法修改其属性。
-
模板中只能包含一个 JavaScript 表达式，不支持复杂语句。
-
Vue 支持动态参数和修饰符，简化指令书写。
❓
延伸问答
如何创建一个 Vue 实例？
通过使用 `new Vue` 来创建 Vue 实例，例如：`var vm = new Vue({ ... })`。
Vue 的响应式系统是如何工作的？
数据对象中的属性会被加入到 Vue 的响应式系统中，当这些属性的值发生改变时，视图会自动更新。
使用 Object.freeze() 方法有什么效果？
使用 `Object.freeze()` 方法后，无法修改对象的属性，也不能添加或删除属性。
Vue 模板中可以使用哪些 JavaScript 表达式？
模板中只能包含一个 JavaScript 表达式，不能包含复杂语句或多个表达式。
Vue 中的动态参数和修饰符有什么用？
动态参数和修饰符可以简化指令的书写，使得在模板中更灵活地绑定属性和事件。
Vue 实例的生命周期钩子函数有什么作用？
生命周期钩子函数允许在实例的不同阶段执行自定义代码，例如在实例创建后执行特定操作。
➡️
