随笔分类 -  vue

摘要:template: js: 效果如图: 阅读全文
posted @ 2018-08-10 14:56 dongxiaolei 编辑
摘要:1、通过判断绑定class及点击事件总结<a :class='[item.status=="yes" ? `btn-primary` : `btn-danger`]' :title="item.status=='yes' ?'取消' :'监测'" @click="item.status=='yes' 阅读全文
posted @ 2018-08-07 16:41 dongxiaolei 编辑
摘要:1)在项目根目录(如demo)中创建一个文件夹,如base,将项目中所有的前端文件全部放到base文件夹中,此时项目demo下只有一个文件夹base 2)通过cmd进入命令窗口,直接执行npm install express-generator -g (全局安装express) 3)通过cd命令进入 阅读全文
posted @ 2018-07-03 14:41 dongxiaolei 编辑
摘要:1、内置的校验规则 如:ip:<input v-validate="'required|ip'" name="ip" type="text" placeholder="输入内容为ip格式"> 2、自定义的校验规则 手机号: 邮箱: 密码: 验证码 身份证号 3、常用的自定义校验 参考:https:/ 阅读全文
posted @ 2018-02-26 13:30 dongxiaolei 编辑
摘要:1、首先安装node.js(傻瓜式安装,安装路径默认C盘) 2、打开node.js command prompt 3、进入想放项目的文件夹。如D: -->回车 4、进入具体文件夹,如cd work\demo 5、安装vue-cli脚手架 npm install -g vue-cli 6、安装成功脚手 阅读全文
posted @ 2018-01-26 10:12 dongxiaolei 编辑
摘要:安装nodejs后, 首先安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 淘宝镜像安装成功后,安装vue脚手架:cnpm install vue-cli -g 参考地址:https://www.cnblogs 阅读全文
posted @ 2017-12-09 12:31 dongxiaolei 编辑
摘要:vue项目目录 工程目录下的 App.vue为主页面 其中template 写 html,script写 js,style写样式 注:1、一个组件下只能有一个并列的 div,也就是template下只能有一个直接div子元素 2、数据data要写按如下显示的 写在 return 里面 子组件调用父组 阅读全文
posted @ 2017-11-27 11:30 dongxiaolei 编辑
摘要:v-on:绑定事件(简写:也可将v-on:替换为@) v-for:循环(相当于js中的for in循环) v-if:判断(v-else-if,v-else) v-model:双向绑定数据,用于表单元素 v-bind:主要用于属性绑定(简写:也可将v-bind:替换为: 如v-bind:href,简写 阅读全文
posted @ 2017-11-16 17:36 dongxiaolei 编辑

点击右上角即可分享
微信分享提示