使用自定义事件的表单输入组件
摘要：自定义事件可以用来创建自定义的表单输入组件，使用v-model来进行双向数据绑定。看看这个： <input v-model="something"> 这不过是一下示例的语法糖： <input v-bind:value="something" v-on:input="something=$event.
阅读全文
posted @
2017-09-04 16:08
半夏微澜ぺ
阅读(637)
推荐(0)
vue 组件 props 和event
摘要：组件是可扩展的HTML元素，封装可重用的代码。 使用祖册的组件，要确保在初初始化根实例之前注册组件 注册的组件中，data必须是函数 父组件通过props向子组件传递数据，子组件通过事件events给父组件发送消息。 组件实例的作用域是孤立的 props是单向绑定的：当父组件的属性变化时，将传递给子
阅读全文
posted @
2017-09-04 15:25
半夏微澜ぺ
阅读(2299)
推荐(0)
vue 基本知识整理
摘要：1 每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例 2 可以扩展Vue构造器，从而使用预定义选项创建可复用的组件构造器 所有的Vue.js组件其实都是被扩展的Vue实例 每一个VUE实例都会代理其 data 对象里所有的属性：注意只有这些被代理的属性是响应的，也就是说值的任何改变都
阅读全文
posted @
2017-08-29 11:38
半夏微澜ぺ
阅读(312)
推荐(0)
vue-resource 设置请求的参数以formData形式以及设置请求的过滤器
摘要：在main.js中添加下面的设置： Vue.http.options.emulateJSON = true;Vue.http.options.headers = {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'};
阅读全文
posted @
2017-07-19 09:39
半夏微澜ぺ
阅读(1041)
推荐(0)
vue 随笔3
摘要：在整个vue项目中index.js只能有一个 ，创建vue组件实例的代码只能写在main.js中或者index.js中，别的文件中都是使用export default 常量 或者是方法
阅读全文
posted @
2017-07-13 20:25
半夏微澜ぺ
阅读(122)
推荐(0)
vue随笔2
摘要：vue2.0中移除.sync修饰符 .sync可是实现props的双向数据绑定，但是会破坏【单向数据流】的假设。这样的话在改变子组件时，父组件同时也改变，你完全不知道它是何时悄悄地改变了父组件的状态。 这在debug复杂结构的应用时会带来很高的维护成本 子组件与父组件之间的通信通过event，v-o
阅读全文
posted @
2017-07-06 18:48
半夏微澜ぺ
阅读(247)
推荐(0)
vue-router
摘要：用vue.js+vue-router创建单页面应用，使用vue.js。我们已经可以通过组合组件来组成应用程序，当你要把vue-router添加进来，我们需要做的是将组件（components）映射到路由（routes），然后告诉vue-router在哪儿渲染他们， js
阅读全文
posted @
2017-06-26 17:10
半夏微澜ぺ
阅读(177)
推荐(0)
webpack
摘要：一. 安装 我们常规直接使用 npm 的形式来安装： $ npm install webpack -g 当然如果常规项目还是把依赖写入 package.json 包去更人性化： $ npm init$ npm install webpack --save-dev
阅读全文
posted @
2017-05-24 14:53
半夏微澜ぺ
阅读(104)
推荐(0)
使用x-template 定义模板
摘要：demo 使用x-template定义模板，设置id 在vue的实例中使用 new Vue({ el:"#app", components:{ 'script-component-demo':{ template:'#myFirstScriptComponent' } } } }); html
阅读全文
posted @
2017-05-24 10:55
半夏微澜ぺ
阅读(788)
推荐(0)
vue 过渡效果
摘要：Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加 entering/leaving 过渡 条件渲染 （使用 v-if） 条件展示 （使用 v-show） 动态组件 组件根节点 这里是一个典型的例子： new Vue({ el: '#demo', data: {
阅读全文
posted @
2017-05-24 10:32
半夏微澜ぺ
阅读(206)
推荐(0)
可复用的组件
摘要：在编写组件时，可复用的组件应当定义一个清晰的公开接口。 Vue组件的API来自三部分， props events slots Props 允许外部环境传递数据给组件 Events 允许组件触发外部环境的副作用 Slots 允许外部环境将额外的内容组合在组件中。 Props 允许外部环境传递数据给组件
阅读全文
posted @
2017-05-24 10:30
半夏微澜ぺ
阅读(274)
推荐(0)
vue 子组件 索引 ref
摘要：尽管有props和events，但是有时任然需要在javascript中直接访问子组件。为此可是使用ref为子组件指定一个索引ID. $refs 只在组件渲染完成之后才填充，并且它是非响应式的。它仅仅作为一个直接访问子组件的应急方案 应当避免在模板或者计算属性中使用$refs
阅读全文
posted @
2017-05-23 19:30
半夏微澜ぺ
阅读(1372)
推荐(0)
vue 练习 bug
摘要：在使用vue slot分发内容时，如果要绑定事件，不能绑定在slot元素上，同样的不能绑定在自定义元素的模板上，只能绑定在html 元素上，才会生效 demo <my-component v-on:click="functiona()"></my-component>//错误 Vue.compone
阅读全文
posted @
2017-05-23 19:17
半夏微澜ぺ
阅读(131)
推荐(0)
使用slot分发内容 作用域插槽
摘要：除非子组件模板包含至少一个<slot>插口，否则父组件的内容将会别丢弃。当子组件模板只有一个没有属性的slot时，父组件整个内容片断将插入到slot所在的DOM位置，并替换掉slot标签本身。 最初在 <slot> 标签中的任何内容都被视为备用内容。备用内容在子组件的作用域内编译，并且只有在宿主元素
阅读全文
posted @
2017-05-23 18:07
半夏微澜ぺ
阅读(1935)
推荐(0)
vue 组件 全局注册和局部注册
摘要：全局注册，注册的组件需要在初始化根实例之前注册了组件； 局部注册，通过使用组件实例选项注册，可以使组件仅在另一个组件或者实例的作用域中可用： 全局组件 js 局部组件demo： html js 组件实例的作用域是孤立的。这意味着不能再子组件的模板内直接引用父组件的数据。要让子组件可以使用父组件的数据
阅读全文
posted @
2017-05-23 17:09
半夏微澜ぺ
阅读(11812)
推荐(0)
vue 生命周期钩子 过滤器 计算属性
摘要：每一个Vue实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测、编译模板、挂载实例到DOM,然后在数据变化时更新DOM,在这个过程中，实例也会调用一些生命周期钩子，这就给我们提供了执行自定义逻辑的机会。例如：created 这个钩子在实例被创建之后被调用： 过滤器 vue允许你自
阅读全文
posted @
2017-05-22 16:01
半夏微澜ぺ
阅读(882)
推荐(0)
vue 随笔 vue 的属性和方法
摘要：新建的项目中main.js是项目的入口文件 npm run dev 运行文件 npm run bulid 编译 属性与方法 每个Vue实例都会代理其 data 对象里所有的属性： tipping: 只有这些被代理的属性是响应的，如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 除了dat
阅读全文
posted @
2017-05-22 15:13
半夏微澜ぺ
阅读(219)
推荐(0)
vue 使用过程中自己遇到的bug
摘要：需要安装npm git（windows系统需要安装） npm 是node的包管理工具 npm 国内的网站比较慢，推荐使用cnpm（淘宝的镜像） cnpm（npm） install 创建依赖 因为package.json中有 run dev 启动项目 其实是执行的是node bulid/dev-der
阅读全文
posted @
2017-04-20 14:42
半夏微澜ぺ
阅读(857)
推荐(0)
浙公网安备 33010602011771号