![](https://img-blog.csdnimg.cn/20200806115841102.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue学习
Legends_Never_Die
这个作者很懒,什么都没留下…
展开
-
Vuex
Vuex是Vue中的状态管理工具,当多个组件(这些组件并不是父子关系)需要共享一些数据时,就可以把这些数据存储在Vuex中安装:npm install vuex --save基本使用(关键代码):小节:1、提取出一个公共的store对象,用于保存在多个组件中共享的状态2、通过this.$store.属性的方式来访问状态;通过this.$store.commit('mutat...原创 2020-03-14 00:27:03 · 202 阅读 · 0 评论 -
vue-router安装和使用
vue-router可以在用脚手架建立项目时选择自动安装,如果没有,也可在项目建立后,按照如下方式安装:1、IDE命令行终端:npm install vue-router --save2、在工程中使用它(因为是一个插件,所以可以通过Vue.use()来安装路由功能): 在src目录下建立route目录,里面创建index.js文件,配置路由相关内容: 1)导入路由对象,并且...原创 2020-03-12 22:41:52 · 2331 阅读 · 0 评论 -
webpack的使用
一、概述:webpack是一个现代化的JavaScript应用的静态模块打包工具目前使用前端模块化的一些方案:AMD、CMD、CommonJS、ES6 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具,让我们可以进行模块化开发,并且在通过模块化开发完成了项目之后,还需要处理模块间的各种依赖,并且将其进行整合打包。 而webpack其中的一个核心就是让我们可能进行模...原创 2020-03-11 01:22:47 · 165 阅读 · 0 评论 -
8-Vue基础阶段小案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车案例</title> <style> th,td{ border:1px solid red } </style&g...原创 2020-03-06 22:22:07 · 141 阅读 · 0 评论 -
(补)-JS的三个常用高阶函数
原创 2020-03-06 22:14:03 · 144 阅读 · 0 评论 -
7-Vue:v-model使用
v-model用来实现数据的双向绑定1、表单绑定v-model解析:我们在输入框输入内容时,因为input中的v-mode绑定了message和passwd,所以会实时将输入的内容传递给message,message发生改变。当message发生改变时,因为上面使用mustache语法,将message的值插入到DOM中,所以DOM会发生响应的改变;所以v-model实现了双向绑定2、v-...原创 2020-03-06 22:09:43 · 329 阅读 · 0 评论 -
6-Vue中数组的响应式方法
响应式方法:该方法对数组的数组进行操作后,页面上的数据也会发生变化1、push():在数组尾部增加一个/多个元素2、pop():在数组尾部删除一个元素3、shift():在数组头部删除一个元素4、unshift():在数组头部增加一个/多个一个元素5、splice():该方法可删除/插入/替换元素删除元素:splice(start) :删除从下标start开始的所有元素sp...原创 2020-03-06 00:30:54 · 685 阅读 · 0 评论 -
5-Vue的其它指令
1、条件指令:v-if,v-else-if,v-else,这三个指令与高级语言中的if,elseif,else类似Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素的组件v-if原理:v-if后面的条件为false时,对应的元素以及其子元素不会渲染,也就是根本不会有对应的标签出现在DOM中运行结果:可以实现点击按钮,切换登陆方式。出现的问题:如果在有输入内容的情况下,切换...原创 2020-03-06 00:13:07 · 136 阅读 · 0 评论 -
2-Vue插值操作和属性绑定
1、v-once: 该指令后面不需要跟任何表达式(比如v-for后面是跟表达式的) 该指令表示元素的mustache变量和组件只会渲染一次,不会随数据的改变而改变2、v-html:某些情况下,我们从服务器请求到的数据含有HTML的标签 如果直接通过mustache语法{{}}输出,则数据会原样输出 如果使用该指令(该指令后跟string类型),则数据中的HTML...原创 2020-03-04 19:07:28 · 401 阅读 · 0 评论 -
Vue起步
1、Vue中的MVVM模式:View层:视图层,前端开发中的DOM层,给用户展示各种信息Model层:数据层,前端开发中的JS对象,该数据可能是我们写死的数据,但更多的是从服务器请求来的JSON数据ViewModel层:视图模型层,new出来的Vue对象,View和Model沟通的桥梁; 一方面它实现了DataBinding,也就是数据绑定,将Model的改变实时的反应到View中;...原创 2020-03-04 17:33:24 · 133 阅读 · 0 评论 -
Vue入门
1、入门案例: <div id="app"> {{message}} <h1>{{msg}}</h1> <ul> <li v-for="item in movies">{{item}}</li> </ul> ...原创 2020-03-04 17:07:39 · 134 阅读 · 0 评论