-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue入门</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">{{msg}}</div>
<script>
new Vue({
el:"#root",
data:{
msg:"hello world"
}
})
</script>
</body>
</html>
查看全部 -
Style. 标签上的scoped 的属性代表样式为定义局部样式，否则为全局查看全部
-
组件样式作用域：通过在style上添加scoped标签将作用域限制到本组件中。如果不添加该标签，则将变为全局样式
查看全部 -
vue组件中，data属性不再是一个对象，而是一个函数，其返回一个对象。如：data:function(){return{key:value}}，data (){return{key:value}}
查看全部 -
事件发布：this.$emit('EVENT',params)，通过该方法能发布自定义事件；
事件触发：通过在元素上注册事件监听，触发监听之后就能触发对应事件；
查看全部 -
Vue实例与组件的关系：一个实例就可以理解为一个组件，一个组件同样也是一个实例，其中的数据需要通过元素属性进行传输；
全局组件和局部组件：全局组件为Vue.component('组件名',{})，局部组件为var component={}，并通过Vue实例里面的components去注册该组件，如：components:{'组件名':component}；
组件属性：props:[属性]，对应元素里面的属性值，主要用来传递数据。template为dom模板，methods为方法等等，属性同Vue实例；
查看全部 -
父子组件传递数据。 子组件上定义点击事件，然后在函数里面触发，以及传值给父组件的自定义事件，在父组件函数里面来通过传过来的值操作数据。查看全部
-
v-if和v-show：这两个属性用来控制dom显示隐藏，当值为true则显示，为false则隐藏。if和show的一大区别在于if是通过销毁dom的方式实现隐藏，而show是通过display=false的方式实现的，具体需要灵活使用；
v-for属性：主要用于遍历数组数据，并自动生成dom列表。如v-for='(item, index) of list' :key='index'，其中:key必须是唯一的，item是遍历出的子项；
查看全部 -
计算属性computed：该属性类似于data属性，区别于key对应的value是一个函数，函数返回了处理后的value值。通过该属性能实现数据简单处理后输出，计算属性会默认使用上一次的结算结果缓存值，只有当属性发生变化时，计算属性才会重新计算新结果；
侦听器watch：侦听器属性key对应任意想要对其进行侦听的数据，当数据发生变化时就会调用一次key对应的回调函数；
查看全部 -
属性双向绑定：v-model='data'，data对应data属性的key，通过该方法，能实现dom属性双向绑定，动态改变dom的属性值；
查看全部 -
数据占位符：{{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；
查看全部 -
就他查看全部
-
父组件向子组件传值，是通过属性的形式（例：content）；
子组件向父组件传值，是通过$emit的方式，子组件发布一个事件，恰好这个事件父组件中已经定义了，那么子组件就可以通过这种方式向父组件传递数据了。
查看全部 -
实例=组件；
每一个组件都有一个template，如果没有写template，默认为挂载点下面的所有DOM节点标签。
查看全部 -
局部组件只能在newVue的components中调用；
全局组件中用props接收自定义组件的参数content，content的值就是list数组
查看全部
举报