摘要: 1. this.$nextTick veu中进行数据改变后,并不会马上刷新视图;用nextTick可告诉执行下个函数后马上刷新视图; this.$nextTick(function(){ //执行完该方法后刷新视图 }) this.$nextTick(function(){ //执行完该方法后刷新视 阅读全文
posted @ 2019-05-14 16:24 L丶银甲闪闪 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 1.vue的异步组件,require()方法 作用是:在需要使用的时候,从 根目录/components/HelloWorld.vue 加载组件 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export 阅读全文
posted @ 2019-05-14 16:23 L丶银甲闪闪 阅读(217) 评论(0) 推荐(0) 编辑
摘要: vuex时vue工程的状态管理工具; 主要用来处理vue各个组件之间值传递的问题; 适用于比较复杂的工程; 文档地址:https://vuex.vuejs.org/zh/ 主要概念: 1)this.$store : 我们可以通过 this.$store 在vue的组件中获取 vuex的实例。 2)S 阅读全文
posted @ 2019-05-14 16:20 L丶银甲闪闪 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 1.Vue的Ajax基本用法 在vue中用Ajax需要用到vue.js和vue-resource.js; vue-resource.js的下载地址:https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.js 简单的get请求: 创建一个 阅读全文
posted @ 2019-05-14 16:19 L丶银甲闪闪 阅读(731) 评论(0) 推荐(0) 编辑
摘要: vue CLI相当于一个基于vue开发的框架;可以用来快速开发vue项目; 1.安装 由于需要用到npm命令,所以要先安装node.js; node.js下载地址:https://nodejs.org/en/ 用到的npm命令: # 查看版本 $npm -v #升级 npm cnpm install 阅读全文
posted @ 2019-05-14 16:19 L丶银甲闪闪 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 1.vue路由的基本使用 如果要用vue做页面跳转的效果必须使用路由; 需要用到vue.js和vue-router.js; vue-router.js的下载地址:https://unpkg.com/vue-router@3.0.2/dist/vue-router.js 主要步骤: 1)定义路由组件 阅读全文
posted @ 2019-05-14 16:18 L丶银甲闪闪 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 1.简单的vue组件使用 组件可分为全局组件和局部组件; 全局组件用Vue.component方法来指定; 局部组件在新建Vue实例时用components属性来指定,只能被父组件使用; 组件创建时需要指定组件名和组件属性; 通过组件名作标签可以直接引用组件;例如:global作为组件定义时的名字; 阅读全文
posted @ 2019-05-14 16:14 L丶银甲闪闪 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 1.使用vue 下载vue.js; 下载地址:https://vuejs.org/js/vue.min.js;打开链接后是一大堆js代码;ctrl+s保存即可; 新建一个html,引入vue.js; 在html中写js脚本,新建一个Vue实例,实例中必须指定元素id; 将id引入到需要用到vue的h 阅读全文
posted @ 2019-05-14 16:13 L丶银甲闪闪 阅读(153) 评论(0) 推荐(0) 编辑