-
methods与computed的区别：
使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。
计算属性：
computed: {//return data中的数据发生改变才会触发该方法--返回一个新的结果
数据名 ： function(){
return ...
}
}
侦听器：
watch:{//data中的数据发生改变时，触发该方法
data中的数据名 ： function(){
方法体
}
}
查看全部 -
tittle : 鼠标悬停时的提示语
属性绑定：v-bind:tittle="tittle"-->v-bind可省略--绑定data:{}中的tittle
双向数据绑定：v-model="data中的数据名"
查看全部 -
插值表达式：{{msg}}
数据占位符：{{data}}，对应data属性的key；
数据模板：v-text和v-html，对应data属性的key，使用方法同数据占位符，其中：v-text会直接输出htmi语句，v-html不会将html语句输出；
dom模板：template属性能输出dom模板；
绑定事件：v-on:click="方法名"，简写为@click。事件对应methods属性中的 方法名： function(){}。在事件方法中可以用实例中data：{}中的数据，this.数据名。
绑定dom属性：v-bind:property='data'，简写:property='data'如:title='data'，data对应为data属性的key；
查看全部 -
挂载点，模板，实例之间的关系
挂载点 ：id="app"--el: "#app"
模板 : 挂载点内部的内容,可以写在挂载点里面、也可以写在实例的template属性里面:template: '<h1>hello {{msg}}</h1>'，
实例：就是指的vue的new Vue({
})
查看全部 -
//cn.vuejs.org官网->学习->教程->安装->直接用<script>引入->开发版本->下载源代码->创建Vue->在目录下创建vue.js->粘贴-->即可使用vue库
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue入门</title>
<script src="./vue.js"></script><!-- 引入vue库最好在head中-->
</head>
<body>
<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
data:{
msg:"hello world"
}
})
</script>
</body>
</html>
查看全部 -
通过Vue.component可以创建全局组件
通过new Vue({components:{"componentName":"component"}})可以声明局部组件，其中局部组件的创建格式为var tem = {template:""}
通过props来接收父组件传递的参数
查看全部 -
computed：可以对已有的data属性进行计算，返回一个需要的值，并且在data属性值发生变更的时候也会相应的变化
watch：可以对data和computed的任意属性值进行侦听，当侦听到变化的时候，可以执行自定义的任何函数
查看全部 -
Vue.component定义全局组件
var todoitem={
template:'<li>it</li>'
}
new Vue({
components:{
'item':todoitem
}
}) 局部组件定义
查看全部 -
使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值,效率比较高
而使用 methods ，在重新渲染的时候，函数总会重新调用执行。
watch:设置监听器
查看全部 -
v-bind 属性绑定
v-model 双向数据绑定
查看全部 -
父组件向子组件传值是通过属性的方式进行传递的，接受用props
可以接受内容和下标
查看全部 -
父子组件，子组件的删除，需要找到父组件，父组件刚好有一个监听事件
查看全部 -
title属性——>当鼠标指向目标，出现一行小字提示；
属性绑定——>v-blind： 简写为 :
事件绑定——>v-on: 简写为 @
查看全部 -
数据占位符：{{data}}，对应data属性的key；
数据模板：v-text和v-html，对应data属性的key，使用方法同数据占位符，注意text和html的区别；
dom模板：template属性能输出dom模板；
绑定事件：v-on:EVENT，简写为@EVENT如@click，事件对应methods属性的key，在事件方法中可以用this.data双向调用data中的数据。
绑定dom属性：v-bind:property='data'，简写:property='data'如:title='data'，data对应为data属性的key；
查看全部 -
每一个组件都是Vue的实例
查看全部
举报