• 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

  • 相关阅读:
    在线预览Office文档
    花生壳内网穿透
    Net core跨域
    EF链表查询
    Python冒泡排序、选择排序、插入排序、希尔排序、归并排序
    竟然可以这样学python!
    如何使用python打印9乘9乘法口诀表?
    python爬取小视频
    —用python写PDF转换器
    从0到1搭建个人博客-Django(三)
  • 原文地址:https://www.cnblogs.com/shaozhu520/p/9737397.html
Copyright © 2020-2023  润新知