#记录#Day11-Vue的基础入门

Day11-Vue的基础入门

---

• Vue的基础入门

---

• 1.总结一下v-text和v-html和插值表达式的差别
  • 插值表达式和v-text不能够解析html标签，v-html能够解析html标签

---

• 2、完成创建一个vue对象并和id是app的div进行绑定，然后在该div中分别用插值表达式、v-text、v-html获取到vm下data中的msg的值

---

    
{{msg}}
    

    

---

• 3、什么是MVVM模式，这样设计有什么优点
  • MVVM是Model-View-ViewModel的简写
    它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。
    优点是：低耦合、可重用性、独立开发、可测试

---

• 4、使用vue将下列data中cat记录显示插入到页面之中

var vm = {
	el: '#app',
	data: {
		cat: {
			name: '罗小黑',
			age: 18,
			desc: '是一只黑色的猫'
		}

---

    
{{cat}}

---

• 5、使用vue，完成一个登陆校验功能。

    

        
VUE登录界面
    
    

        

            账号：
        
        

            密码：