webpack使用vue的配置过程
摘要：1 安装vue npm install vue --save 2 main.js里引入vue //使用vue import Vue from 'vue' const app = new Vue({ el:'#app', data:{ message:"hello webpack" } }) <bod
阅读全文
摘要：安装loader npm install --save-dev url-loader 当图片小于limit时，使用url-loader 会自动转成base-64编码 npm install --save-dev file-loader 当图片大于limit时，使用file-load编码 配置webp
阅读全文
摘要：安装webpack npm install webpack@3.6.0 -g 一个commonJs简单实例 1 mathUtils.js function add(num1,num2){ return num1+num2 } function mul(num1,num2){ return num1*
阅读全文
摘要：$children和$refs的使用 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.o
阅读全文
摘要：报错信息： [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or
阅读全文
摘要：全局组件的使用 //1 创建组件构造器对象 const cpnContructor = Vue.extend({ template:` <div> <h2>我是标题</h2> <p>我是内容</p> </div>` }) //2 注册组件 Vue.component('my-cpn',cpnCont
阅读全文
摘要：v-model的本质 v-model 其实就是一个语法糖，它的背后本质上是包含两个操作 1 v-bind绑定一个value属性 2 v-on指令给当前元素绑定input事件 <body> <div id="app"> 1 v-model双向绑定 <br/> <input type='text' v-
阅读全文
摘要：1 html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtm
阅读全文
摘要：根据coderwhy002老师的视频整理 1 使用计算属性:计算总价 <body > <div id="app"> 总价 {{totalPrice}} </div> </body> <script> const app = new Vue({ el:'#app', data:{ books:[ {i
阅读全文
