2017 年 5月 24 日随笔档案 - 半夏微澜ぺ

2017年5月24日

摘要：一. 安装我们常规直接使用 npm 的形式来安装： $ npm install webpack -g 当然如果常规项目还是把依赖写入 package.json 包去更人性化： $ npm init$ npm install webpack --save-dev 阅读全文

posted @ 2017-05-24 14:53 半夏微澜ぺ阅读(103) 评论(0) 推荐(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) 推荐(0)

vue 过渡效果

摘要： Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加 entering/leaving 过渡条件渲染（使用 v-if）条件展示（使用 v-show）动态组件组件根节点这里是一个典型的例子： new Vue({ el: '#demo', data: { 阅读全文

posted @ 2017-05-24 10:32 半夏微澜ぺ阅读(204) 评论(0) 推荐(0)

可复用的组件

摘要：在编写组件时，可复用的组件应当定义一个清晰的公开接口。 Vue组件的API来自三部分， props events slots Props 允许外部环境传递数据给组件 Events 允许组件触发外部环境的副作用 Slots 允许外部环境将额外的内容组合在组件中。 Props 允许外部环境传递数据给组件阅读全文

posted @ 2017-05-24 10:30 半夏微澜ぺ阅读(274) 评论(0) 推荐(0)