-
data以前是个对象，但是此时应该是个函数，在es6语法中可简化:
data(){
return {
inputValue:''
}
}
查看全部 -
template模板只能包含一个根元素，否则会报错
查看全部 -
父组件向子组件传值，都是通过属性的形式;
子组件向父组件传通过this.$emit()方法;
查看全部 -
每一个vue组件都是一个实例
查看全部 -
常见指令：
v-if:当对应data中的值show是true时显示，为false，则将标签直接移除。
v-show:而当对应指令值为false时，div标签会隐藏，就会把div标签的display属性变成none；
*选择v-show性能比较高，每次不会销毁和显示。如果是只是用一次则使用v-if;
v-for:当有一个数据需要做循环展示时，并循环展示li标签；
*使用时加一个key的属性，可用每个项如item为key值（每一项内容都不同时可用），或者使用index作为key值，但是频繁对列表变更则不应该使用index值。
每一项key值都不同。目的是提升每一项的渲染速率。
查看全部 -
计算属性：
在Vue实例中：computed表示是一个计算属性。（一个属性通过其他属性计算而来）
优点：如果其他值没有改变，不会重新计算，则会使用上一次的缓存结果。
侦听器：监测某个计算属性发生的变化 ，一旦发生变化则可以在侦听器中写一些业务逻辑。
watch
查看全部 -
单向绑定：
模板指令：v-bind:title="data中的数据项（js表达式）"。
v-bind：=：（简写）
双向绑定：页面与原本中的数据。
v-model:value发生变化则content内容也变化。
查看全部 -
挂载点：div标签就是Vue实例的挂载点（因为实例中的el与div中的id对应）
*：实例只会处理挂载点下的内容。
模板：指挂载点内部；也可以写在实例里面；
查看全部 -
官方网址：https://cn.vuejs.org
引用库，在<head>标签，src="./vue.js"——所以可以直接用new Vue实例;
el 让Vue这个实例去接管页面上的元素；
data:存放数据.
在div标签之间{{msg}}输出
查看全部 -
todolist组件拆分
查看全部 -
侦听器 watch：
监听变化。如果侦听的数据发生改变，就执行侦听器里面相应的改变数据的函数
查看全部 -
computed: 操作的是一个属性从其他属性计算而来。
它有一个好处：
如果其中的数据没有改变，每一次使用计算得出来的数据的时候，它会使用上一次计算属性的缓存结果。
里面的数据改变了之后，才会重新去计算得出最新的值。
查看全部 -
我的笔记vue：el，template，data
查看全部 -
<head>
<meta charset="utf-8"
<title>Vue入门</title>
<script src="./vue.js"></script>
<body>
<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
data:{
msg:"hello world"
}
})
</body>
查看全部 -
#272查看全部
举报