VUE框架
VUE框架
野生小米椒
初学者
展开
-
为什么vue组件的属性,有的需要加冒号“:”,有的不用?
加冒号的,属性绑定,说明后面的是一个变量或者表达式;没加冒号的后面就是对应的字符串字面量!例子: <el-radio :label="true">打开</el-radio> <el-radio :label="false">关闭</el-radio>输出:true 或 false 值是Boolean类型———————————————————————————————————————转载 2020-07-29 09:51:02 · 1341 阅读 · 0 评论 -
详细步骤 如何把实现的功能推送到码云上
只要是源代码先合并到主分支,再推送到云端仓库中,再把子分支一并推送到云端仓库中载vs code中打开一个新终端,这样两个终端可以切换1.输入git status 查看源代码状态2.git add . 添加到暂存区3.git status变绿了,代表已经被添加到了暂存区4.git commit -m “完成了登录功能” 把暂存区的东西提交到本地仓库中5.git branch 当前处于Login分支,说明commit提交的这些文件都被放到了login分原创 2020-07-28 08:20:45 · 295 阅读 · 0 评论 -
使用vue-cli脚手架搭建项目,ESLint检查代码错误
格式化代码时,有时会自动加上分号,但是这样会被ESLint报错我们可以在项目根目录下,创建一个.prettierrc的配置文件,这个文件会让我们在格式化代码时,semi是让分号都删除,singleQuote使双引号都变为单引号{ "semi":false, "singleQuote":true}再去.eslintrc.js的rules里配置,rules: { 'no-console': 'off', 'no-debugger': 'off', 'space-b原创 2020-07-27 16:36:46 · 420 阅读 · 0 评论 -
Vue项目——电商管理系统
1.windows+R,输入cmd,安装vue cli 输入cnpm i -g @vue/cli2.安装完成后,输入vue ui3.点击创建项目,选择桌面的文件夹原创 2020-07-24 11:10:35 · 322 阅读 · 0 评论 -
Vue——28——webpack导入vue
先在终端下载 cnpm i vue -S原创 2020-07-23 12:57:36 · 179 阅读 · 0 评论 -
Vue——27——在页面中使用render组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></s原创 2020-07-23 10:45:09 · 242 阅读 · 0 评论 -
Vue——26——computed计算属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-20 15:47:23 · 122 阅读 · 0 评论 -
Vue——25——watch监视路由地址的改变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-20 14:21:23 · 168 阅读 · 0 评论 -
Vue——24——名称案例 使用keyup和watch实现
使用keyup实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js原创 2020-07-19 17:17:08 · 157 阅读 · 0 评论 -
Vue——23——路由
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></s原创 2020-07-14 19:41:50 · 190 阅读 · 0 评论 -
Vue——22——使用ref获取DOM元素和组件引用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-14 18:16:42 · 265 阅读 · 0 评论 -
Vue——21——发表评论和自动刷新列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-14 16:43:03 · 892 阅读 · 3 评论 -
Vue——20——父组件和子组件间的传值
一:父组件给子组件传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.原创 2020-07-12 19:09:46 · 202 阅读 · 0 评论 -
Vue——19——组件的切换(使用v-if和v-else,component元素
组件的切换一:使用v-if和v-else一:使用v-if和v-else<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &l原创 2020-07-10 15:49:45 · 570 阅读 · 0 评论 -
Vue——18——组件
1.组件的出现是为了拆分Vue实例的代码量的,能够让我们以不同的组件来规划不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可2.组件化和模块化的不同模块化:是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个功能模块的职能单一组件化:是从UI界面的角度进行划分的,前端的组件化方便UI组件的重用文章目录一:创建组件:1.方法一:2.方法二3.私有组件二:组件中的data1.为什么组件的data必须是一个function一:创建组件:1.方法一:<!DOCTYPE ht原创 2020-07-05 18:25:52 · 200 阅读 · 0 评论 -
Vue——17——列表动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-05 15:54:34 · 130 阅读 · 0 评论 -
Vue——品牌案例以及v-resource改造品牌案例
品牌案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js">原创 2020-07-05 14:47:30 · 200 阅读 · 0 评论 -
Vue——16——钩子函数实现小球半场动画
用钩子函数才能实现小球的半场动画原创 2020-07-05 12:59:03 · 195 阅读 · 0 评论 -
Vue——15——使用animate.css第三方类库实现动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="../lib/vue.js"></script> <!-- 使用第三方animate类库实现动画 --> <link rel="stylesheet" hr原创 2020-07-05 10:49:26 · 214 阅读 · 0 评论 -
Vue——14——使用过渡类名实现动画以及修改v前缀
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="../lib/vue.js"></script> <!-- 自定义两组样式,来控制transition内部的元素实现动画 --> <style>原创 2020-07-05 09:32:06 · 159 阅读 · 0 评论 -
Vue——13——vue resource发起get post jsonp请求
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></s原创 2020-07-04 18:02:48 · 100 阅读 · 0 评论 -
Vue——12——vue实例的生命周期
生命周期钩子=生命周期函数=生命周期事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="..原创 2020-07-04 15:14:48 · 136 阅读 · 0 评论 -
Vue——11——过滤器
过滤器只能用在插值表达式和v-bind 格式{{name | 过滤器名称}}过滤器的定义语法Vue.filter('过滤器的名称',function(){})过滤器中的function,第一个参数已经被规定死了,永远都是过滤器管道符’|’,前面传递过来的数据...原创 2020-07-03 12:16:17 · 120 阅读 · 0 评论 -
Vue——10——v-if和v-show
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-02 08:58:33 · 98 阅读 · 0 评论 -
Vue——09——v-for和key指令
遍历普通数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"&g原创 2020-07-01 18:19:27 · 185 阅读 · 0 评论 -
Vue——08——使用内敛样式style
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-01 16:26:50 · 331 阅读 · 0 评论 -
Vue——07——使用样式class
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue.js"></原创 2020-07-01 16:03:08 · 126 阅读 · 0 评论 -
Vue——06——v-model双向数据绑定和简易计算器
v-bind只能单向绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../lib/vue原创 2020-07-01 10:27:33 · 285 阅读 · 0 评论 -
Vue——05——事件修饰符
文章目录一:stop prevent once事件二:capture事件三:self事件四:self和capture的区别一:stop prevent once事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-06-30 18:36:28 · 121 阅读 · 0 评论 -
Vue——04——跑马灯效果案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="../lib/vue.js"></script></head><body> <!-- 创建一个要控制的区域 --> <div原创 2020-06-30 16:32:34 · 103 阅读 · 0 评论 -
Vue——03——vue的指令v-cloak,v-text,v-html,v-bind,v-on,等
调慢浏览器加载网页,Network ->Online-> Slow 3G<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> [v-clock]{ display: none; } </sty原创 2020-06-30 11:04:21 · 157 阅读 · 0 评论 -
Vue——02——Vue基本代码
文章目录一:如何写Vue代码一:如何写Vue代码1.在官网下载Vue.js原创 2020-05-29 10:57:11 · 226 阅读 · 0 评论 -
Vue——01——学习Vue前需要了解的知识
一:什么是Vue.js1.vue语法可以用于进行App开发的,需要借助于Weex,打包工具是Webpack,React除了开发网站还可以开发手机App2.vue.js和Angular.js,React.js一起,并成为前端三大主流框架3.vue.js是一套构建用户界面的框架,只关注视图层,不仅容易上手,还便于与第三方库或既有项目整合(Vue有配套的第三方类库,可以整合起来做大项目)...原创 2020-05-27 17:52:53 · 446 阅读 · 0 评论