zoukankan      html  css  js  c++  java
  • 总结梳理:webpack中如何使用vue

    1. 安装vue的包 cnpm i vue -S
     2. 由于在webpack中,推荐使用 .vue这个组件模板文件定义的组件,所以,需要安装,
      能解析这个文件的loader: cnpm i vue-loader vue-template-complier -D ,
        注意:
        若vue-loader是@15.x 版本,有些东西必须要配置。
        打开webpack的配置文件 webpack.config.js:
        const { VueLoaderPlugin } = require("vue-loader");
        然后还在此文件中配置 plugins 节点
        plugins: [new VueLoaderPlugin()],
     3. 在main.js 中,导入 vue 模块 import Vue from 'vue'
     4. src下定义一个 .vue 结尾的组件,其中,组件有三部分组成 :template script style
     5. 在main.js使用 import login form './login.vue'导入这个组件
     6. 在main.js创建vm的实例并配置render(渲染组件)函数的属性 var vm = new Vue({el:'#app'},render:c=>c(login))
     7. 在页面中创建一个 id 为 app的div 元素,作为我们vm实例要控制的区域
  • 相关阅读:
    curl crt
    test with nmap
    C#查询XML解决“需要命名空间管理器”问题
    Dapper实用教程
    javascript 计算两个日期的差值
    Glib学习笔记(二)
    安装osquery笔记
    Golang多线程简单斗地主
    PHP扩展开发之Zephir
    zabbix 安装记录
  • 原文地址:https://www.cnblogs.com/2Octobering/p/12902764.html
Copyright © 2011-2022 走看看