tingless的博客

webpackwebpack是一个模块化的打包工具，而且，项目复杂用webpack更加合适。使用方法：一般项目中会放2个文件，一个dist用于发布，放到服务器的文件，一个是src是源码。然后src会放一个js入口文件，名字通常是mian.js或者index.js。步骤1：在src创建一个js文件，用作专门的某类用途，并且输出（这里是commonjs的方法）function add(num1, num2) { return num1+num2}module.exports = {

设置别名防止拖拽文件对引用图片的路径做出修改。const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={ chainWebpack:(config)=>{ config.resolve.alias .set('@',resolv

Vue与传统的命令式编程不同，使用的是声明式编程。构造实例对象，往对象中添加属性，其中el和data是固定的属性。let app=new Vue({ el:'#qq', data:{ message:[1,2,3,345487,52] }})显示列表v-for会自动解析，而且是响应式布局（就是数据发了变动就会马上再网页上显示出来。）<div id="qq"> <ul> <li v-for='item

V-on的参数问题1.普通传参加上字符串代表是字符串<button @click='sub("a")'>点击</button>不加字符串代表是变量，需要在实例里面定义 <button @click='sub(a)'>点击</button>let b=new Vue({ el:"#box", data:{ movie:[1,2,237,88], a:456 }, method

脚手架就是帮我们配置webpack。1.下载npm install -g @vue/cli2.导入脚手架2的版本(先学2)

浅拷贝for… in… 循环var a={ name:'zxx', age:123456, arr:[1,2,3], ob:{new:'zxxx'}}var b={}for(var k in a){ b[k]=a[k];}2.Object.assgin()var a={ name:'zxx', age:123456, arr:[1,2,3], ob:{new:'zxxx'}}var b=Object.assig

父子通信+双向绑定思路：用v-model 的原理：@input和：value。需要在子组件里设置data，新设置两个变量，不能直接在props里的变量改，不然会报错。再然后用@input方法下面在发射一个方法，让父组件监听，监听下面再把父组件的值修改。父组件访问子组件1.$children事件需要在父组件加！子组件下面的data和methods得和template在同一级而且都要加上this<div id="box"> <zxx></zxx>

打包当打包构建应用时，js包会很大，影响页面，因此会把js分为不同的包，app是业务开发的js代码。manifest是底层代码（支持模块化输出输入的兼容等）。vendor是第三方代码（vue等第三方包的）不过cli4和3不一样。。路由懒加载再路由的index修改，这样可以让用到路由的时候再加载，把js分为很多小包。正常写法和懒加载写法//懒加载路由const home = () => import('../components/home')const about = () =&g

安装与引入安装因为要在运行和开发都依赖，所以要用--save E:\new\vue\04>npm install axios --save引入import axios from "axios"基本使用get请求因为axios请求过来的对象是promise对象所以直接可以用then 的方法获取结果。axios({ url:'http://123.207.32.32:8000/home/multidata', method:'get'}).then((res