Vue 基础

1.概述：

构建用户界面的渐进式javascript框架

2.安装：

<script scr="vue.js">

3.实例化：

1.模板：

<div  id=Vue.createApp({
     data(){  return{}}
})

2.挂载：

app.mount("#app")

3.图

4.内置指令：

内置指令v-开头的特殊属性
联系html模板与javascript数据模型

1.文本渲染：

1.v-text

2.{{msg}}

3.v-html

2.属性渲染：

v-bind：属性名=“值” 可简写为：属性名=“值”

3.条件渲染：

1. v-if
    v-else-if
    v-else  ；v-if隐藏式移除节点
频繁切换用v-show，反之用v-if

2.v-show：v-show隐藏式css方式

3.

 

5.列表渲染指令：

1.v-for="(item,index) in list":key="item"

 2.遍历：