1.Vue.js 2.5 笔记

vue官网.cn

(1).创建vue工程

a.直接引入CDN标签

取一个放入工程

 开发
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 上线
<script src="https://cdn.jsdelivr.net/npm/vue"></script> 

##(2).挂载点,模板与实例

• 挂载点:el后指定的dom范围
• 模板:挂载点内部的内容,可以写在挂载点范围里,也可以卸载template属性里
• 实例:new Vue({})

(3).标签,指令与事件

• 插值表达式:{{}}
• v-text=“变量名” 假如变量中有html标签,并不会转义
• v-html=“变量名” html是会被转义的
• v-on:click=“函数” 点击事件
• v-on:简写成@
• v-bind:标签属性=“js表达式(可以是属性名)” 模板指令
• :标签属性="js表达式 " 代替v-bind:
• v-model=“属性名” 双向绑定

• computed:{} 计算属性,只有当依赖的属性发生改变时才会重新计算,斗则使用上一次计算的缓存
• watch:{} 侦听器,监听某一数据的变化

• v-if=“属性(逻辑值)” 判定是否存在 False会将此行的DOM清除

  • 取反!!!
    

• v-show=“属性(逻辑值)” 判断是否显示 会将该DOM的显示变成none

• v-for=“变量 of 列表”

  v-for="(变量,index) of 列表" --数据量大的话index可能存在问题

  循环展示 可以加一个:key提高循环效率 ket可以是index