-
template html 内容
script js内容
scoped 指当前样式只在当前页面可用
lang 预处理器
import {defineComponent} from 'vue' 定义组件
实现默认组件
export detault defineComponent ({
name 组件名称
props:{ 调用组件页面的数据
},
components:{ 定义子组件
},
setup(props,ctx){ // 调用页面数据 , 上下文
return {
}
}
})
查看全部 -
node_modules 存放依赖 库和插件
public favicon.ico 浏览器图标 index.html 根页面
src
.browserslistrc 浏览器版本
package.json 包管理文件
name 项目名称
version 项目版本
private 是否私有
scripts 启动脚本
dependencies 开发依赖
devdependencies 环境依赖
查看全部 -
assets 存放静态资源
components 一般组件
router 路由配置
store 状态管理
views 路由组件
APP.vue 根组件
main.js 入口js文件
查看全部 -
组件卸载时的生命周期
清除定时器 清除闭包函数
查看全部 -
state:定义所需要的状态的
mutations:同步修改state 都是方法, 第一个参数state 第二个参数是需要修改的值
actions:异步提交mutation,第一个参数是store 第二个参数是修改的值
modules:模块化
查看全部 -
访问ref定义的数据 要写数据名value
查看全部 -
toRefs解构reactive数据,
...toRefs(data)
查看全部 -
vue3.0中,控制台报警告就是报错
查看全部 -
reactive 和 ref 都是用来定义响应式数据的 reactive更推荐去定义复杂的数据类型 ref 更推荐定义基本类型
ref 和 reactive 本质我们可以简单的理解为ref是对reactive的二次包装, ref定义的数据访问的时候要多一个.value
使用ref定义基本数据类型,ref也可以定义数组和对象。
ref、toRef、toRefs
参数不同:ref()接收一个 js 基本数据类型的参数;toRef()接收两个参数,第一个为对象,第二个为对象中的某个属性;
原理不同:ref()是对原数据的一个深拷贝,当其值改变时不会影响到原始值;toRef()是对原数据的一个引用,当值改变时会影响到原始值;
响应性不同:ref()创建的数据会触发 vue 模版更新;toRef()创建的响应式数据并不会触发 vue 模版更新,所以toRef()的本质是引用,与原始数据有关联。
查看全部 -
.browserslistrc版本文件
查看全部 -
vue create todolist
Manually select fearures(手动选择安装)
3.0x
history Y
Sass
回车
查看全部 -
ref
reactive
torefs
查看全部 -
组件
方法
路由
状态管理
路由传参
vuex操作数据
父子组件传参
查看全部 -
vue3.0 环境搭建
官网安装node,
node -v, npm -v
淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v
vue环境
cnpm i -g vue @vue/cli
查看全部 -
## 定义组件
组件是维护单一功能,可复用的单个个体查看全部
举报