2019年1月12日
vue路由
摘要： 路由就是单页面应用里的导航分流作用 安装： 3版本中出来了新概念add。vue add router router 安装完后，会多出一个views文件夹和一个router.js。main.js里会有路由 阅读全文
posted @ 2019-01-12 13:48 当当和瓶瓶 阅读(114) 评论(0) 推荐(0) 编辑
vue3版本到vue2版本的桥接工具
摘要： vue2的命令可以正常使用。 阅读全文
posted @ 2019-01-12 13:16 当当和瓶瓶 阅读(662) 评论(0) 推荐(0) 编辑
vue利用vue ui命令创建项目
摘要： 上次用git bash，用create 命令创建vue项目，这是玩个炫酷的 vue ui （前提是有安装node.js）。 在目标文件 vue ui 可以看到他在8000端口出现了一个gui图形窗口 剩下的基本很友好。点击创建项目，会让填项目名称，选择包管理工具，是否上传git， 然后让选择预设。预 阅读全文
posted @ 2019-01-12 13:13 当当和瓶瓶 阅读(11580) 评论(0) 推荐(0) 编辑
2019年1月11日
vue-cli创建第一个项目（用git bash解决上下键移动选择问题）
摘要： 我电脑是windows；（nodejs已经有了） 1 下载vue-cli cmd 打开命令行，或者是gitbash。最好是用cnpm比较快。 2 创建项目： dos命令，cd 你的希望创建的文件夹位置（cd ：d ） hello-world是项目的名字 3 ：选择预设 选择手动（默认的以后有什么需要 阅读全文
posted @ 2019-01-11 23:45 当当和瓶瓶 阅读(7389) 评论(0) 推荐(1) 编辑
vue生命周期
摘要： 1. vue的实例方法vm.$mount(), 和 new Vue的参数el作用一样。 2. template：模板，是一个含有dom元素的字符串。它会替换掉el或者mount的挂载元素。 过程是这样的： 1 vue会把这个template字符串解析成为抽象语法树（AST(是一个对象)）， 2 然后 阅读全文
posted @ 2019-01-11 20:41 当当和瓶瓶 阅读(178) 评论(0) 推荐(0) 编辑
vue动态组件切换（选项卡）
摘要： vue的动态组件 <template :is='变量'></template> 可以通过改变变量，来改变template的替换内容。达到选项卡的功能 如果想要切换保持不重新创建，用<keep-alive>标签。 但是请注意：那个滚动条的滚动位置记录不下来。input里的内容可以。 阅读全文
posted @ 2019-01-11 11:40 当当和瓶瓶 阅读(930) 评论(0) 推荐(0) 编辑
vue里在自定义的组件上定义的事件
摘要： 事件分为原生事件和自定义事件。 vue里在自定义的组件上定义的事件，都被认为是自定义事件，必须用$emit()来触发。 这也是子组件向父传值的原理。 如果想作为原生事件，需要在原生事件后面加上.native 就可以了。然后就可以触发父级的fatherClick函数了。 阅读全文
posted @ 2019-01-11 09:45 当当和瓶瓶 阅读(363) 评论(0) 推荐(0) 编辑
vue的单向数据流
摘要： 父级向子组件传递的值， 子组件不能直接修改这个穿过来的值，否则会曝出警告，这就是单项数据流。 如果是引用值，传递的是引用值得地址，而不是值本身，也就是说，子组件里修改这个传过来的值，通常的做法是放到它自己的data里，然后再深度克隆，以防止该组件在重复应用时候造成的数据混乱。 阅读全文
posted @ 2019-01-11 09:26 当当和瓶瓶 阅读(248) 评论(0) 推荐(0) 编辑
2019年1月9日
vue的组件基础
摘要： 组件分为全局组件和局部组件。 组件的核心是template；所有的数据都为template服务。 父组件子组件传值：因为子组件是父组件的个标签，完全等同于添加动态属性； 然后子组件能够通过props：[ ]获取，(注意，props必须是数组或者对象，而不能是字符串) 如果不通过props接受父组件穿 阅读全文
posted @ 2019-01-09 16:50 当当和瓶瓶 阅读(212) 评论(0) 推荐(0) 编辑
vue v-for的数组改变导致页面不渲染解决方法
摘要： 直接在数组里,改变数组来达到重新渲染页面的目的， 需要用push等数组方法， 或者$set(),或者给数组重新赋值，来改变数组引用地址 而是直接索引= <button @click='$set(students,3,{name:"xioaming",age:102333})'>click</butt 阅读全文
posted @ 2019-01-09 15:46 当当和瓶瓶 阅读(6220) 评论(1) 推荐(0) 编辑