- 博客(9)
- 资源 (4)
- 收藏
- 关注
原创 非父子组件传值和插槽
使用发布订阅模式,即总线机制来解决非父子组件传值的问题Vue中使用插槽v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新<p>可以改变:{{ msg }}</p><pv-once>不可以改变:{{ msg1 }}</p>app.msg = 'hello'//会改变第一行的字段app.msg1 = 'hello'//不会改变...
2018-05-17 16:37:11 237
原创 vue动画
Vue中默认的开头是V,例如.v-enter,这里起了名字后,就可以将v替代- fade-enter 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除 - fade-enter-active,fade-leave-active定义过渡的状态。在元素整个过渡过程中作用,在元素被插入时生效,在transition/animation 完成之后移除 - fade-leave-to 定义离开过渡...
2018-05-17 16:34:24 308
原创 extend
Vue.extend 自定义无参数标签<divid="app"> <qwe></qwe> </div> varqwe = Vue.extend({ //模版 template:"<p><a:href=w>{{q}}</a&g
2018-05-17 16:29:21 193
原创 Component
全局化注册组件Vue.component('qw', { template:`<divstyle="color:red;">全局化注册</div>` }) 局部注册组件局部注册组件和全局注册组件是向对应的,局部注册的组件只...
2018-05-17 16:27:09 262
原创 二
全局API混入方式Vue.mixin({ updated:function () { console.log('我是全局被混入的'); } })PS:全局混入的执行顺序要前于混入和构造器里的方法。 Extends Option 扩展选项varbbb = { ...
2018-05-17 16:24:49 658
原创 一
Vue中使用组件使,自定义组件row不会添加进tbody中,是因为table中tbody里面只允许有tr,所以可以使用这种方法解决,使用is属性代替,保证符合H5页规则,同理,使用ul,select等标签时这样写等等2.vue中只能在主组件中创建data对象,子组件中只能定义方法,这样可以使每个子组件的数据不互相影响。这样写就会报错这样写,他就是对的Vue建议我们不要在代码中去操作dom...
2018-05-17 16:23:00 906
原创 Vue.directive自定义指令
v-if用来判断是否加载html的DOM,比如我们模拟一个用户登录状态,在用户登录后现实用户名称。v-show调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。v-if和v-show的区别:· v-if:判断是否加载,可以减轻服务器的压力,在需要时加载。· v-show:调整css dispaly属性,可以使客户端操作更加流畅。Vue.directiv...
2018-05-10 18:53:39 4410
原创 ES6的环境搭建
首先需要下载node.js,因为它里面集成了npm,方便,这样就是安装成功了使用的编译器是 vscode。然后就可以开始搭建了,先建立一个项目的目录,并在目录下边建立两个文件夹:src,dist文件夹和index.html和.babelrc文件dist用来存放转换后的js文件,src存放我们写的es6语法的文件.babelrc{ "presets": [ "es2015" ...
2018-05-08 19:13:29 560
原创 看文档,看实战视频后记录的一坨东西
1.小程序点击样式必须在默认样式下面,这样才不会被覆盖,如果设置了color属性,则样式失效。 2.当navigator和tabBar设置了同一个地址,navigator的open-type要设置成switchTab才都可以实现页面跳转。 3.hidden和if的选择:可见性需要频繁切换的时候,使用hidden。因为if在现实元素师,其实是在文本中插入元素,整个文本的结构改动较大,而...
2018-05-08 18:54:11 160
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人