Vue23话 简单使用 vue UI 组件库

1. 常用UI 组件库1.1 Mint UI主页: http://mint-ui.github.io/#!/zh-cn饿了么开源的基于 vue 的移动端 UI 组件库1.2 Elment主页: http://element-cn.eleme.io/#/zh-CN饿了么开源的基于 vue 的 PC 端
Vue 2020年02月02日 120次浏览

Vue22话 ajax

vue中两个常用的ajax库vue-resourcevue 插件, 非官方库, vue1.x 使用广泛axios通用的 ajax 请求库, 官方推荐, vue2.x 使用广泛1. vue-resource1.1 下载npm install vue-resource --save1.2 编码// 在m
Vue 2020年02月02日 83次浏览

Vue21话 组件间通信

1. 组件间通信基本原则不要在子组件中直接修改父组件的状态数据数据在哪, 更新数据的行为(函数)就应该定义在哪2. 组件间通信方式2.1 props2.1.1 组件标签<my-component name='jerry' :age='10' :set-name='setName'><
Vue 2020年02月02日 56次浏览

Vue20话 小练习1

1.效果2.结构vue-comment目录│.babelrc│.editorconfig│.eslintignore│.eslintrc.js│.gitignore│.postcssrc.js│index.html│package-lock.json│package.json│README.md│├
Vue 2020年01月07日 54次浏览

Vue第19话 组件定义与使用

1.vue文件的组成(3个部分)1.1模板页面<template>//页面模板</template>1.2JS模块对象<script>exportdefault{data(){return{}},methods:{},computed:{},components:
Vue 2020年01月05日 69次浏览

Vue第18话 eslint

1.简介ESLint是一个代码规范检查工具它定义了很多特定的规则,一旦你的代码违背了某一规则,eslint会作出非常有用的提示官网:http://eslint.org/基本已替代以前的JSLint2.ESLint提供以下支持ESJSXstyle检查自定义错误和提示3.ESLint提供以下几种校验语法
Vue 2020年01月05日 66次浏览

Vue第17话 项目打包与发布

1.打包npmrunbuild2.发布2.1使用静态服务器工具包npminstall-gserveservedist访问:http://localhost:50002.3使用动态web服务器(tomcat)修改配置:webpack.prod.conf.jsoutput:{publicPath:'/x
Vue 2020年01月05日 54次浏览

Vue第16话 使用 vue-cli 创建模板项目

1.简介vue-cli是vue官方提供的脚手架工具github:https://github.com/vuejs/vue-cli作用:从https://github.com/vuejs-templates下载模板项目2.创建vue项目执行命令前,确认下是否安装npmnpm安装npm中文文档#安装脚手
Vue 2020年01月05日 62次浏览

Vue第15话 自定义插件

1.自定义插件Vue插件是一个包含install方法的对象通过install方法给Vue或Vue实例添加方法,定义全局指令等2.编码插件(vue-myPlugin.js)/***自定义vue插件*/(function(){constMyPlugin={}MyPlugin.install=functi
Vue 2020年01月05日 49次浏览

Vue第14话 常用内置指令和自定义指令

1.常用内置指令v:text:更新元素的textContentv-html:更新元素的innerHTMLv-if:如果为true,当前标签才会输出v-else:如果为false,当前标签才会输出到页面v-show:通过控制display样式来控制显示/隐藏v-for:遍历数组/对象v-on:绑定事件
Vue 2020年01月05日 46次浏览