vue
lijixuanA
置之死地而后生
展开
-
vue学习记录(数据绑定、class,style绑定)
vue数据绑定原创 2017-10-18 16:37:59 · 473 阅读 · 0 评论 -
初始化一个vue项目
下载vue-cli:npm install -g vue-cli 在指定目录下执行:vue init webpack firstVue 生成了这样的一个文件 我们会发现少了node_moduels文件夹,进入到项目目录执行:npm init 就会发现生成了node_modules文件夹接下来执行:npm run dev 在浏览器输入 localhost:8080就会出现这个页面: 一个原创 2017-10-26 14:08:15 · 792 阅读 · 0 评论 -
使用es6进行一次简单的动态按钮数据获取交换
主要的内容就是一个简单的按钮,从url获取到用户的登陆信息,然后我们访问这个url从后段拿到数据,进行按钮的改变。 代码也是分为这三段: 1、获取到用户的登陆信息bridge.utoken((usertoken) => { if(usertoken){ ... }});公司的大牛们封装好的获取用户信息的函数。可以获取到用户当前的状态,进行判断,进行下一步操作。 2、在原创 2017-10-24 18:52:13 · 1061 阅读 · 0 评论 -
对VUE项目实现的理解
直播间项目VUE文件目录项目的效果: 首先看一下项目的目录: 简单说一下项目目录的作用: 1、bin文件夹:webpack配置文件 2、node_modules文件夹:npm加载的项目依赖模块 3、src 我们要开发的目录,基本上所有操作都在这里 components: 目录里放置组件文件,因为整个项目都比较vue,所以主要的内容都写在这个文件夹里。原创 2017-10-23 17:04:42 · 1152 阅读 · 0 评论 -
VUE组件1
我理解的组件就是自己封装的html代码块。 vue可以创建全局的组件,也可以创建局部的组件。 如果我们在创建组件时,在其他地方还会用到这一段html代码,我们可以全局创建一个组件:new Vue({ el: '#aaa',})Vue.component('my-component', {})其中my-compontent是我们自定义的标签名,{ }里面是我们代码块的内容,将很多个html原创 2017-10-19 18:16:25 · 239 阅读 · 0 评论 -
VUE表单输入绑定
vue表单输入绑定原创 2017-10-19 17:38:10 · 973 阅读 · 0 评论 -
vuex的信息交流
首先vuex是一个状态管理器,当我们的项目比较大时,组件之间的信息传递会显得特别混乱,这是我们就可以用vuex来管理我们的状态,vuex有自己的信息交流规则。 vuex分为以下几个部分:•state•mutations•getters•actions•modules其中所有的文件都在store文件夹下,store文件夹是vuex的核心。state 里面存放所有的状态,也就是我们会用到的所有会改变的原创 2017-10-27 10:46:14 · 351 阅读 · 0 评论 -
VUE(事件处理 v-on)
VUE v-on 事件处理 事件修饰符 键值修饰符 鼠标按钮修饰符原创 2017-10-19 14:06:47 · 1433 阅读 · 0 评论 -
VUE(v-for 数组、对象更新检测)
v-for 数组、对象的更新检测原创 2017-10-18 18:57:41 · 5380 阅读 · 0 评论 -
VUE条件渲染(v-if v-show v-for)
VUE v-if v-show v-for v-else原创 2017-10-18 17:25:32 · 905 阅读 · 0 评论 -
Vue 父子通信(props,$.emit( ) )
不全面,请参考官网进行理解。组件实例作用域孤立,组件不让父子之间进行通信,data里面的数据不能作为全局的使用了。Vue.component ('child', { //定义props props : ['message'] //message是我们预期的父组件数据 template:'<span>{{message}}</span>' //template里原创 2017-11-06 17:28:59 · 357 阅读 · 0 评论