孩子不懒的博客

Vue计算属性 {{ i++ }}我们都知道{{}}在vue中可以做计算，引入计算属性的原因就是解决{{}}不能做逻辑复杂运算的原因。<div> <p>{{computemsg}}</p></div>computed:{ computedmsg:function() { //运算 return 结果 }}计算属性也有get和set方法...

this.$emit()作用：子组件向父组件传值//在子组件中需要向父组件传值处使用this.$emitthis.$emit("function",param);在父组件中子组件引用处添加函数v-on:function="function1"； //其中function为子组件中定义函数，function1为父组件定义函数--用于接收子组件传值并进行相应数据处理，可定义为同一名称 @ 为 v-on...

自定义组件的使用import x from '@/...' @表示项目的根目录export default { components:{ x }}管道接受传入参数<btn color:"blue"></btn>父组件接受子组件的自定义方法//父组件<btn color:"blue" @change="change"> methods:{ change(e) { console...

过滤器 <li>{{list.filter(function(item){return !item.checked}.length)}}</li> 实现了计算满足条件list数组的数据//通过计算属性实现过滤 <li>{{filterList}}</li>new Vue({ el:'', data....... computed:{ filterList() { list.

vue详细学习（二）class的操作<div class="play:judge">data: {judge:true}<div id="app" v-html="msg">data: { msg:"<div>1212323</div>"}data: { msg:"<div>1212323{{...}}</div>"}//不能解析{{}}的内容<div id="app" v-html=

Object.defineProperty(obj,"b",{ value:10, writeable:false, enumber:false, configurable:false})obj.b.value = 11;for(let item in obj) { console.log(item);}console.log(obj.b)对象的get和set方法进行读操作时候触发get方法，进行写操作时触发set方法Object.defineProp.

npm install=npm i。 在git clone项目的时候，项目文件中并没有node_modules文件夹，项目的依赖文件可能很大。直接执行，npm会根据package.json配置文件中的依赖配置下载安装。-global=-g，全局安装，安装后的包位于系统预设目录下–save=-S，安装的包将写入package.json里面的dependencies，dependencies：...

webpack.config.jsconst pathlib = require('path')module.exports={ entry:{ index:'./pages/index', pageA:'./pages/pageA' } output: { path:pathlib.resolve('dest/...

js方法跳转changePages(){ this.$router.push({ path:'/two.html' }) }vue标签跳转<router-link to='two.html'><button>点我到第二个页面</button></router-link>...

$event @click="testEvent($event)"testEvent(e) { console.log(e) e.srcElement.style.background="red";}//e.srcElement表示当前元素事件冒泡原生js中的组织时间冒泡e.stopPropagation();//阻止事件冒泡vue中阻止事件冒泡<b...

使用 npm:$ npm install axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。执行post请求//执行 POST 请求axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) //{}想到与Ajax里面的data...

本文只介绍nuxt.js各个文件夹用处及简单配置.md文件（markdown）README.md文件是一个项目的入门手册，里面介绍了整个项目的使用、功能等等。所以README文件写得好不好，关系到这个项目能不能更容易的被其他人了解和使用。markdown有记录笔记的意思package.jsonNode.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，...

nuxt.js虽然好用但是自己的脚手架安装完全是坑cnpm run dev 报错确实main.jsnode环境nuxt版本不匹配，在网上找了很多解决方法没有解决，就一次性把所有脚手架和环境都升级到最新版本npm install backpack-core@latest eslint-loader@latest eslint-plugin-html@latest --save --...

父子组件之间数据传递，不相关组件之间数据传递????????????????????????????????????????????????????????????????????????????????????一、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。import HelloWorld from './components/HelloWorld.vue'显然目前的app.vue是Hellow的父组件...

export default 打包的发布的时候，template以及style样式会跟着一起打包。render函数的作用render函数是vue通过js渲染dom结构的函数createElement，约定可以简写为hrender: h => h(App) 是下面内容的缩写：render: function (createElement) { return createEle...

import注意点：目的引入.js,.vue,.json文件，在vue里除了.json可以省去后缀名，导入包时候不想要写相对地址exportexport可以理解为一个js文件对另一个js文件的对外接口export命令对外接口是有名称的且import命令从模块导入的变量名与被导入模块对外接口的名称相同举例export var firstName = 'Michael';...

安装配置-1.path和页面之间的关系-2.配置实例化-3.项目实例化（注意挂载时候的< route-vue >）路由切换安装path和页面之间的配置import Vue from 'vue'import VueRouter from 'vue-router'import pageA from './pages/a.vue'import page...

待更新