美文网首页
vueCli3x 基本使用方法

vueCli3x 基本使用方法

作者: 觉上云来 | 来源:发表于2021-03-18 15:46 被阅读0次

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

相关文章

网友评论

      本文标题:vueCli3x 基本使用方法

      本文链接:https://www.haomeiwen.com/subject/zffpcltx.html