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