08 Vue.js前端框架

1.[Vue.js官网]（https://cn.vuejs.org/index.html）
发起人：尤雨溪
定义：渐进式的框架

2.MVVM模式（Model-View-View-Model模式）

3.现代的前端开发模式

4.vue.js的起步练习

vue的使用包括：（1.）CDN引入 （2.）vue
建空项目：vue-basic.html

{{message}}

{{name}},{{age}}歲

运行结果：

image

两个花括号角插值
el：是指定跟容器
第二个练习：v-model.html

你好，{{name}}

主要学习v-model的练习
运行结果：

image

练习三:v-bird.html

姓名：{{name}}

{{website}}

运行结果：

image

主要学习v-bird
练习bird-read

    
    

        
书名：{{name}}
        
        {{website}}
        
        
    
       

运行结果：

image

image

条件渲染指令：v-if,v-else-if,v-else ,v-for(频繁切换)
列表渲染指令：v-for

第四个练习:condition-group.html

显示图片信息

{{book.name}}

喜欢

不喜欢

运行结果：

image