小白学习Spring Boot+Vue 的笔记-1

m0_57249334

已于 2023-08-27 11:39:40 修改

阅读量53

点赞数

文章标签：学习 spring boot vue.js

于 2023-08-27 10:49:30 首次发布

本文链接：https://blog.csdn.net/m0_57249334/article/details/132521113

版权

本文介绍了如何使用VueCLI创建并初始化Vue项目，配置ElementUI，并在HomeView.vue组件中展示基础用法，包括引入ElementUI库和设置数据状态。

摘要由CSDN通过智能技术生成

第一节

创建vue项目(创建名为vue的项目)：

vue create vue

运行vue项目：

cd vue
npm run serve

安装ElementUI:

npm i element-ui -S

main.js

import Vue from 'vue'
import './plugins/axios'
import App from './App.vue'
import router from './router'
import store from './store'
import './plugins/element.js'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';


Vue.config.productionTip = false

Vue.use(ElementUI);

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

HomeView.vue

<el-button type="danger">{{msg}}</el-button>
export default {
  name: 'HomeView',
  components:{
    HelloWorld
  },
  data(){
    return{
      msg:"hello 结界"
    }
  }
}