vue的基本指令

写在.vue 和.html 中的区别：

1.uniapp里不使用div 使用 view 替换

2.html里面使用 img uniapp里使用 image

3.script 跟我们平常写的格式不一样了

.vue中的基本组成

<template></template>:中写基本的HTML骨架

<script> <script>中写基本的行为

<style></style>中写基本的样式

script中写数据存储在data节点下，方法存储在methods节点下面

data( ){
teturn{
}
}

内容渲染指令

1. v-html   可以将HTML语句渲染
2. {{}}  
3. v-text

属性指令：

v-bind:    v-bind 里面可以绑定简单的数据值，还可以使用JavaScript表达式运算

可以简写成  :

循环指令：

v-for

v- fro ="(item , i) in items" 

搭配key值使用，key值一般用ID

动态绑定样式：

 v-if /v-show

v-if

1. 动态的创建DOM元素
2. 搭配  v-else  v-else -if

v-show 

为元素动态的添加或移除style="display:none"样式

两个的优缺点

v-if  切换开销大，v-show  初始渲染开销大