vueCli3x 基本使用方法

1:路由跳转: 在相对应的vue中script 引入 import router from "@/router/index"; //路由
使用说明:
const Router = router;
Router.push({
path: "/",
query: {
name: 123,
},
})


1616053199(1).jpg

2:数据监听:
1616053338(1).jpg

3:数据改变和click 方法 :使用 toRefs, reactive
1616053439(1).jpg

4:生命周期
1616053524(1).jpg

如下:
1616053563(1).jpg
image.png

获取dome元素


image.png

组件间传值


image.png
image.png

获取路由参数


image.png
image.png

注入一个共享全局对象或函数。


image.png

获取定义的共享全局对象或函数


image.png

注册一个全局自定义指令


image.png

局部自定义指令


image.png

Vue3.x引入element-ui
vue add element-plus

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容