Javascript

vue学习(一)之vue的demo练习

本文主要是介绍vue学习(一)之vue的demo练习，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

先写一个组件

 

 

vue组件三要素

<template>

    <div></div>

</template>

<script>

export default {

   

       

    }

</script>

<style lang="">

</style>

接下来写路由把组件引入项目中

 

跳转:

 

使用npm i element-ui -S进行安装element-ui

 引入路由:

 

 使用测试:

 

 

 快捷键Alt+Shit+f整理页面

编写页面模板

 

放到App下

 

 

 定义模板:

 

把表格整理成为一个组件

 

 

 

 

 在App.vue中进行使用router开启

 

 

 

 

这篇关于vue学习(一)之vue的demo练习的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航