vue
vue基础
Joker_Lie
这个作者很懒,什么都没留下…
展开
-
VUE
一、简介MVVM:实现了双向数据绑定VUE是一个MVVM的实现者,核心是DOM监听与数据绑定,组件化el:element指明页面中被当前vue绑定的对象,数据绑定data:就是用来提供数据的插值表达式的作用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-原创 2020-10-22 16:27:36 · 231 阅读 · 0 评论 -
vue-cli 3UI控制台安装使用
1.安装npm install -g @vue/cli最好使用cnpm,否则下载速度超慢2.启动直接输入 vue -h,可见下图输入vue ui就会启动一个本地服务,界面下图:3.创建项目首先选择创建路径...原创 2020-02-18 13:09:08 · 498 阅读 · 0 评论 -
Vue计算属性,方法与监听器
背景:想要实现将firstName和lastName拼接成fullName实现的方法有三种,分别是:计算属性,方法与监听器。1.计算属性:<div id="app"> {{fullName}} </div> <script>var vm = new Vue({ el:"#app", ...原创 2020-02-11 22:33:28 · 166 阅读 · 0 评论 -
Sublime text3安装Package Control失败解决方案
1.缘由想用Package Control来安装Emmet这个插件,但是发现我的Sublime Text3中并没有Package Control这玩意儿。2.没成功的方案然后开始安装Package Control之路,结果遇到了诸多不顺利,比如:用控制台输入代码来安装我的Sublime Text3只要输入代码,按了Enter就会卡死,无响应。从github上下载Package C...原创 2020-02-09 20:29:49 · 398 阅读 · 0 评论 -
vue+axios网络应用
1.axiosaxios必须先导入才可以使用使用get和post方法可以发送对应请求then方法中的回调函数会在请求成功或失败时触发网络请求库: <input type="button" value="get请求" class="get"> <input type="button" value="post请求" class="post">...原创 2020-01-30 17:43:09 · 187 阅读 · 0 评论 -
vue常用指令(下)
1.v-forv-for的作用:根据数据生成列表结构数组经常和v-for结合使用语法是**(item.index)in**数据数组长度的更新会同步到页面上,是响应式的 <div id="app"> <input type="button" value="加菜" @click="add"> <input type="but...原创 2020-01-29 22:20:46 · 180 阅读 · 0 评论 -
vue常用指令(中)
1.v-showv-show作用:根据真假切换元素的显示状态原理是修改元素的display,实现显示隐藏指令后面元素内容最终都会解析为布尔值<div id="app"> <input type="button" value="切换" @click="changeIsShow"> <img src="0.jpg" v-sho...原创 2020-01-29 21:08:19 · 318 阅读 · 0 评论 -
vue常用指令(上)
1.v-text指令v-text的作用:设置标签内容(textContent)默认写法替换全部内容,差值表达式{{}}替换指定内容 <div id="app"> <h2 v-text="message+'222'"></h2> <h2 v-text="info"></h2> <h2>{{me...原创 2020-01-29 16:12:19 · 143 阅读 · 0 评论 -
vue基础
1.vue简介vue是一个JavaScript框架简化Dom操作响应式的数据驱动,页面同步更新2.第一个Vue程序步骤:导入Vue.js <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 创建Vue实例对象,设置el属性和data属性 <s...原创 2020-01-29 12:04:16 · 188 阅读 · 0 评论