vue日常学习（2）

【vue日常学习（2）】的更多相关文章

1.组件学习之内容分发 1.1 作用域插槽父级 <div class="parent"> <child> <template scope="props"> <span>hello from parent</span><br/> <span>{{ props.text }}</span><br/> <span>{{ props.text2 }}&l…

1.$refs可以用来进行父子级间通信.ref被用于作为子组件的索引ID,用以方便的在js中直接访问子组件.用法如下parent.$refs.idname 使用方法: 在父级元素上加上ref属性 <button @click='change'>点击</button><app-test ref='child'></app-test> methods:{ change:function(){ this.$refs.child.changehandle('父级传到…

vue入门学习（基础篇）

vue入门学习总结: vue的一个组件包括三部分:template.style.script. vue的数据在data中定义使用. 数据渲染指令:v-text.v-html.{{}}. 隐藏未编译的标签:v-cloak . 控制模块隐藏:v-if(值为false时不会渲染到dom上).v-show(相当于display属性的show和hide). 事件绑定:v-on.@语法,一般方法写在methods里面,需要操作dom的方法写在mounted里面,此时dom渲染完毕. 属性绑定:v-bind.…

Vue.js学习笔记（2）vue-router

vue中vue-router的使用:…

vue.js 学习笔记3——TypeScript

目录 vue.js 学习笔记3--TypeScript 工具基础类型数组元组枚举字面量接口类类型类类型要素函数函数参数 this对象和类型重载迭代器 Symbol.iterator 声明.解构.展开.类型断言泛型泛型约束交叉类型.联合类型索引类型映射类型类型兼容类型保护.推断模块和命名空间装饰器类装饰器: 函数装饰器: 属性装饰器: 参数装饰器: vue.js 学习笔记3--TypeScript 工具 npm install -g typescript…

vue.js学习资料

vue.js学习VuejsAPI教程 https://vuejs.org.cn/guide/Vuejs自己的构建工具 http://www.jianshu.com/p/f8e21d87a572如何用vue.js搭建APP https://sally-xiao.gitbooks.io/book/content/vuejszu_jian.html(1/2)Vue构建单页应用最佳实战 http://div.io/topic/1701…

在进行vue的学习，项目中需要引入bootstrap、jquery的步骤。

在进行vue的学习,项目中需要引入bootstrap.jquery的步骤. 一.引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnpm install jquery --save-dev 这样就将jquery安装到了这个项目中. 然后修改webpack.base.conf.js(在build文件下)两个地方: 1:加入 var webpack=require('webpack'); 2 在module.exports的里面加入 plugins: [ new w…

Vue.js学习笔记：在元素和 template 中使用 v-if 指令

f 指令语法比较简单,直接上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script src="https://cdn.bootcss.com/vue/2.2.…

vue.js学习之better-scroll封装的轮播图初始化失败

vue.js学习之better-scroll封装的轮播图初始化失败问题一:slider组件初始化失败原因:页面异步获取数据很慢,导致slider初始化之后,数据还未获取到,导致图片还未加载解决方法: 在slider组件中监听页面传过来的图片数据,如果图片更新了,再次出发页面slider的初始化 1:首先在slider.vue的prop中注册一个变量 imgData: { type: Array, default: null } 2:监听 watch: { imgData() { setTi…

vue.js学习之跨域请求代理与axios传参

vue.js学习之跨域请求代理与axios传参一:跨域请求代理 1:打开config/index.js module.exports{ dev: { } } 在这里面找到proxyTable{},改为这样: proxyTable: { '/api': { target: 'http://121.41.130.58:9090',//设置你调用的接口域名和端口号别忘了加http changeOrigin: true, pathRewrite: { '^/api': ''//这里理解成用‘/ap…