zoukankan      html  css  js  c++  java
  • webpack 笔记

    -----------------------------------------

    VUE 实例属性和方法


    $set $delete


    指令


    组件


    webpack 启服务运行vue 模块


    -----------------------------------------

    VUE 实例属性和方法


    demo12

    手动VUE 实例


    //6、手动挂载VUE实例
    vm.$mount('#my');
    //new Vue({}).$mount('#my');


    -----------------------------------------


    $set $delete


    demo13

    -----------------------------------------


    指令


    demo14


    v-

    都是指令

    用来操作dom的

    -----------------------------------------

    组件

    封装代码 增加可复用性

    demo15

    -----------------------------------------

    webpack 启服务运行vue 模块

    1:28

    1.进入项目 cnpm init 一路通 出现 package.json 文件

    2.

    改配置文件

    "main": "main.js",
    "scripts": {
    "dev": "webpack-dev-server --open --hot --port 8888"
    },


    3.

    Cnpm i vue --S

    或者

    Cnpm install vue --save


    4.

    cnpm i -D webpack webpack-dev-server


    5.

    cnpm i -D vue-loader vue-html-loader vue-style-loader vue-template-compiler


    注:vue-template-compiler(预编译模板)


    6.

    cnpm i -D css-loader file-loader style-loader

    7.

    cnpm i -D babel-loader babel-core babel-preset-env

    8.配置文件 详情看文档


    9. cnpm -install

    cnpm install


    10.

    npm run dev


    到这里出错了 ………… 估计是 少了 vue-template-compile 这个


    -----------------------------------------


    vue-template-compiler


    "vue-template-compiler": "^2.5.13",


    cnpm i -D vue-template-compiler

    cnpm@5.2.0 (C:UsersAdministratorAppDataRoaming pm ode_modulescnpmlibparse_argv.js)
    npm@5.7.1 (C:UsersAdministratorAppDataRoaming pm ode_modulescnpm ode_modules pmlib pm.js)
    node@8.10.0 (F: ode ode.exe)
    npminstall@3.3.0 (C:UsersAdministratorAppDataRoaming pm ode_modulescnpm ode_modules pminstalllibindex.js)
    prefix=C:UsersAdministratorAppDataRoaming pm
    win32 x64 10.0.16299
    registry=https://registry.npm.taobao.org

    -----------------------------------------

    npm install webpack-cli --save-dev


    cnpm install webpack-cli --save-dev

  • 相关阅读:
    虚拟机下修改ip配置
    php cli 下 php.ini 配置
    centos 默认php 版本太低移到高版本的办法
    liux 防火墙以及开关
    [POI2006]OKR-Periods of Words(KMP)
    KMP
    [NOI1999]生日蛋糕(搜索)
    [HAOI2008]糖果传递
    [HEOI2015]兔子与樱花(贪心)
    [POJ3694]Network(Tarjan,LCA)
  • 原文地址:https://www.cnblogs.com/shaozhu520/p/9737397.html
Copyright © 2011-2022 走看看