script部分
export default对象的属性:
name:组件的名称
components:存储中用到的所有组件
props:存储父组件传递给子组件的数据
watch():当某个数据发生变化时触发
computed:动态计算某个数据
setup(props, context):初始化变量、函数
ref定义变量,可以用.value属性重新赋值
reactive定义对象,不可重新赋值
props存储父组件传递过来的数据
context.emit():触发父组件绑定的函数
template部分
:存放父组件传过来的children。
v-on:click或@click属性:绑定事件
v-if、v-else、v-else-if属性:判断
v-for属性:循环,:key循环的每个元素需要有唯一的key
v-bind:或::绑定属性
style部分
style 标签添加scope属性后,不同组件间的css不会相互影响。
第三方组件
view-router包:实现路由功能。
vuex:存储全局状态,全局唯一。
state: 存储所有数据,可以用modules属性划分成若干模块
getters:根据state中的值计算新的值
mutations:所有对state的修改操作都需要定义在这里,不支持异步,可以通过 s t o r e . c o m m i t ( ) 触发 a c t i o n s :定义对 s t a t e 的复杂修改操作,支持异步,可以通过 store.commit()触发 actions:定义对state的复杂修改操作,支持异步,可以通过 store.commit()触发actions:定义对state的复杂修改操作,支持异步,可以通过store.dispatch()触发。注意不能直接修改state,只能通过mutations修改state。
modules:定义state的子模块