zoukankan      html  css  js  c++  java
  • 创建vue项目-安装插件-hbuiler、idea打开项目,vue项目结构-创建vue文件-添加路由

    有两种方式:

    1.找到项目得存储空间,打开cmd,输入

    vue create vue-demo(项目名)

    2.在idea上创建vue项目

    在HBuilder上的控制台输入

    npm run serve

     安装element

    npm i element-ui -S

     安装 axios 

    npm install --save axios vue-axios

     在main.ts中添加

    //element-ui
    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI);
    //axios
    import axios from 'axios'
    import VueAxios from 'vue-axios'
    Vue.use(VueAxios, axios)

    运行

    npm run serve

    在views上创建vue的页面(Alt+/)可以用vue base

    <template>
        <div>
            list hello word
        </div>
    </template>
    
    <script>
        export default {
            data(){
                return{
                    
                }
            }
        }
    </script>
    
    <style scoped>
    
    </style>

    在router中index.ts中添加路由

    import List from '../views/List.vue'
    {
        path: '/List',
        name: 'List',
        component: List
      },

    这样就可以在App.vue中添加链接

    <router-link to="/list">List</router-link>

     

  • 相关阅读:
    es的多种term查询
    es的批量导入
    可重入锁
    常见的字段类型
    es中的分词
    搜索的简单使用
    application.properties中的list配置
    mysql中的concat的几个函数使用
    文档的增删改查
    Mxnet学习笔记(3)--自定义Op
  • 原文地址:https://www.cnblogs.com/liujinqq7/p/12983841.html
Copyright © 2011-2022 走看看