one_four_two的博客

前言：看了vue自定义组件的 v-model这一小节后。感觉有点不是很好(既然使用的是复选框、那么大多数应该绑定的是个数组，而示例中是个Boolean类型的)。自己写了一个绑定数组的组件。但总感觉不太优雅。希望大家看到后多补充意见。 代码如下： <template> <span> <label v-for="(item,index) of ho...

1、注意：null和undefined会通过任何类型检测 2、数组或对象的默认值需要通过函数返回。详情看这里 props:{// 数组或对象的默认值需要通过函数返回 authInfo:{ type:Object, default(){ return{ name:'张三', sex...

全局安装 vue-cli cnpm install -g vue-cli 创建基于webpack模板的项目 vue init webpack projectName 进入项目目录、安装依赖 cd projectName cnpm install 运行项目 cnpm run dev

Vue在2.6.0版本以后对作用域插槽的语法做了修改。现总结一下 作用域插槽：让插槽内容能够访问子组件中才有的数据 一个带有如下模板的 &amp;amp;amp;amp;amp;lt;current-user&amp;amp;amp;amp;amp;gt; 组件 &amp;amp;amp;amp;amp;lt;span&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;slot&amp;amp;amp;amp;

文章目录2.6.0版本之前具名插槽的使用方式2.6.0版本之后具名插槽的使用方式还有一点需要注意 2.6.0版本之前具名插槽的使用方式 2.6.0以前定义具名插槽的方式 &amp;lt;template&amp;gt; &amp;lt;div&amp;gt; &amp;lt;slot name=&quot;header&quot;&amp;gt;&amp;lt;/slot&amp;gt; &amp;l

在运行完 cnpm run dev 命令后可以通过localhost:8080访问。但是不可以通过IP访问。这时可以在package.json文件夹的scripts的dev选项添加 --host 0.0.0.0 “dev”: “webpack-dev-server --host 0.0.0.0–inline --progress --config build/webpack.dev.conf.j...

运行 cnpm run build命令之后会生成dist文件夹，文件夹下包含index.html文件和static文件夹、将这两个文件放在服务器根目录可以正常访问。 如果生成的文件不放在根目录下在运行 cnpm run build命令前需要修改config/index.js中的build项下的 assetsPublicPath选项。如果你要把build完的文件放在服务器根目录下单 project...