vue
one_four_two
这个作者很懒,什么都没留下…
展开
-
vue在自定义CheckBox组件上使用v-model实现双向绑定
前言:看了vue自定义组件的 v-model这一小节后。感觉有点不是很好(既然使用的是复选框、那么大多数应该绑定的是个数组,而示例中是个Boolean类型的)。自己写了一个绑定数组的组件。但总感觉不太优雅。希望大家看到后多补充意见。代码如下:<template> <span> <label v-for="(item,index) of ho...原创 2019-12-04 15:08:34 · 2473 阅读 · 0 评论 -
vue中prop验证、类型检查及注意事项
1、注意:null和undefined会通过任何类型检测2、数组或对象的默认值需要通过函数返回。详情看这里 props:{// 数组或对象的默认值需要通过函数返回 authInfo:{ type:Object, default(){ return{ name:'张三', sex...原创 2019-11-20 15:43:14 · 3193 阅读 · 0 评论 -
vue安装
全局安装 vue-clicnpm install -g vue-cli创建基于webpack模板的项目vue init webpack projectName进入项目目录、安装依赖cd projectNamecnpm install运行项目cnpm run dev原创 2019-02-17 20:03:56 · 237 阅读 · 0 评论 -
Vue插槽之作用域插槽
Vue在2.6.0版本以后对作用域插槽的语法做了修改。现总结一下作用域插槽:让插槽内容能够访问子组件中才有的数据一个带有如下模板的 &amp;amp;amp;amp;lt;current-user&amp;amp;amp;amp;gt; 组件&amp;amp;amp;amp;lt;span&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;slot&amp;amp;amp;翻译 2019-02-24 17:14:58 · 815 阅读 · 0 评论 -
Vue插槽之具名插槽新增api
文章目录2.6.0版本之前具名插槽的使用方式2.6.0版本之后具名插槽的使用方式还有一点需要注意2.6.0版本之前具名插槽的使用方式2.6.0以前定义具名插槽的方式&lt;template&gt; &lt;div&gt; &lt;slot name="header"&gt;&lt;/slot&gt; &l翻译 2019-02-24 19:59:26 · 298 阅读 · 0 评论 -
vue运行 cnpm run dev后可以使用IP访问设置
在运行完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...原创 2019-04-09 09:08:23 · 4140 阅读 · 1 评论 -
vue项目打包上线
运行 cnpm run build命令之后会生成dist文件夹,文件夹下包含index.html文件和static文件夹、将这两个文件放在服务器根目录可以正常访问。如果生成的文件不放在根目录下在运行 cnpm run build命令前需要修改config/index.js中的build项下的 assetsPublicPath选项。如果你要把build完的文件放在服务器根目录下单 project...原创 2019-04-09 09:28:24 · 223 阅读 · 0 评论