-
属性绑定
<div title=“this is hello world”>hello world</div> title 是html属性，当鼠标放在hello world上时，会显示this is hello world 提示语。
当希望提示语可变时，就需要属性和数据绑定,写法如下
<div v-bind:title="'dell lee'+title">hello world </div>
data:{
title:"this is hello world"
}
v-bind:可以缩写为：
查看全部 -
挂载点：挂载点指的就是vue实例里的el属性对应的ID所对应的dom节点，dom节点一般指div标签
模板：在挂载点内部的内容叫做模板内容，模板除了写在挂载点之下外，还可以写在实例里的template属性里。
实例：实例里面只需要指定挂载点，把模板写上，vue会自动结合模板和数据生成最终要展示的内容，然后把内容放在挂载点之中。
查看全部 -
webpack打包工具构造大型项目的开发目录，打包，线上运行
脚手架工具vue-cli，快速构建vue项目，自带webpack各种工具，不涉及技术门槛
nodejs安装时会自动安装npm
vuecli安装前先安装node和npm
查看全部 -
父组件向子组件传值，通过属性的方式
子组件向父组件传值，通过发布订阅模式
查看全部 -
组件与实例的关系
每个vue的组件component都是vue的实例
每个实例包含哪些属性
props
template
methods
查看全部 -
如何定义组件
组件间通信
全局组件和布局组件
查看全部 -
todolist
查看全部 -
v-if
v-show 高频率时性能高
v-for=“（item，index） of list” ：key=“index”
list为data中数组
查看全部 -
计算属性computed：{
属性名：function（）{}
}
一个属性通过其他属性计算而来
侦听器： watch：{} 监听某一个数据或者属性发生变化
查看全部 -
属性绑定v-bind:属性=js表达式 例如："表达式"+'jhsadhk'"
v-bind: 简写为 :
:后面跟html标签的属性，：属于vue的实例
双向绑定v-model: html与vue实例
查看全部 -
插值表达式{{ }}
v-text="msg" 展示文本
v-html="msg" 展示html
给标签绑定事件：v-on:click="函数"；
v-on:可简写为@
vue实例中methods：{
函数
}
查看全部 -
挂载点：vue实例中el属性对应id的DOM
模板：挂载点内部的内容。templete：
实例
查看全部 -
挂载点就是vue绑定的元素，模版就是挂载点里面的内容，包括元素，实例就是new vue出来的，一个挂载点就是一个实例
查看全部 -
1、如果用script引入js，最好放在head里面，用于防止页面抖屏
2、vue编写着重于数据
3、语法：
<div id="root">//挂载点
{{msg}} //挂载点里的内容都叫做模板内容，也可以直接将模板内容放到实例的template里面去
</div>
<script>
new vue({ //vue实例
el:"#root",
data:{
msg:"hello wold"
}
})
</script>
查看全部 -
1.计算属性(computed:)：一个属性通过其他属性计算而来
只有它依赖的数据发生变化的时候，它才会重新计算；如果依赖的属性没有发生变化，它会利用以前计算结果的缓存来在页面上做显示
2.侦听器(watch)：指的是监听某一个数字发生了变化，然后就在监听器里面做业务逻辑，
侦听器watch：监测某一个数据或计算属性发生了变化，一旦这个数据发生了变化，就在该侦听器内写入业务逻辑
*注：watch不仅可以监听vue实例的data内属性，而且可以监听计算computed下计算属性的变化
查看全部
举报