![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 218 阅读 · 0 评论 -
vue-cli 3UI控制台安装使用
1.安装 npm install -g @vue/cli 最好使用cnpm,否则下载速度超慢 2.启动 直接输入 vue -h,可见下图 输入 vue ui 就会启动一个本地服务,界面下图: 3.创建项目 首先选择创建路径 ...原创 2020-02-18 13:09:08 · 471 阅读 · 0 评论 -
Vue计算属性,方法与监听器
背景:想要实现将firstName和lastName拼接成fullName 实现的方法有三种,分别是:计算属性,方法与监听器。 1.计算属性: <div id="app"> {{fullName}} </div> <script> var vm = new Vue({ el:"#app", ...原创 2020-02-11 22:33:28 · 134 阅读 · 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 · 364 阅读 · 0 评论 -
vue+axios网络应用
1.axios axios必须先导入才可以使用 使用get和post方法可以发送对应请求 then方法中的回调函数会在请求成功或失败时触发 网络请求库: <input type="button" value="get请求" class="get"> <input type="button" value="post请求" class="post">...原创 2020-01-30 17:43:09 · 170 阅读 · 0 评论 -
vue常用指令(下)
1.v-for v-for的作用:根据数据生成列表结构 数组经常和v-for结合使用 语法是**(item.index)in**数据 数组长度的更新会同步到页面上,是响应式的 <div id="app"> <input type="button" value="加菜" @click="add"> <input type="but...原创 2020-01-29 22:20:46 · 139 阅读 · 0 评论 -
vue常用指令(中)
1.v-show v-show作用:根据真假切换元素的显示状态 原理是修改元素的display,实现显示隐藏 指令后面元素内容最终都会解析为布尔值 <div id="app"> <input type="button" value="切换" @click="changeIsShow"> <img src="0.jpg" v-sho...原创 2020-01-29 21:08:19 · 280 阅读 · 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 · 125 阅读 · 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 · 155 阅读 · 0 评论