最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • Vue3 + TypeScript + Element

    正文概述 掘金(Avalong)   2021-01-21   507

    首先使用vue create test创建项目

    因为我是准备使用vue3.0重构一下项目试试 所以选了router vuex css

    Vue3 + TypeScript + Element

    创建完项目之后开始安装ElementPlus

    npm i element-plus -S
    

    src目录下创建plugins文件夹 将插件统一存放进这个文件夹

    为了方便,直接采取全部引入的方式

    /src/plugins/element.ts

    import ElementPlus from 'element-plus'
    import 'element-plus/lib/theme-chalk/index.css'
    
    export default (app:any) => {
      app.use(ElementPlus)
    }
    

    接下来在main.ts里引入 /src/main.ts

    import { createApp } from "vue";
    import App from "./App.vue";
    import router from "./router";
    import store from "./store";
    import Element from './plugins/element'
    
    const app = createApp(App)
    Element(app)
    app.use(store).use(router).mount("#app")
    

    页面添加按钮

    <el-button type="primary">测试按钮</el-button>
    

    Vue3 + TypeScript + Element

    需求补充

    elementPlus按需引入

    /src/plugins/elements.ts

    import { Button } from 'element-plus'
    
    export default (app) => {
      app.use(Button)
    }
    

    ElementPlus官方文档


    起源地下载网 » Vue3 + TypeScript + Element

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元