使用 Vuejs 组件化开发
chenxin

我把template放入vue文件,那么在html中怎么引用?

JellyBool

再等一下下,我录这个视频

chenxin

哇!这个组件化开发解决了我上次评论回复的时候出现双向绑定的问题,打开多个回复框输入内容多个回复框出现相同的内容!这下解决了!哈哈。。。。就是一个页面太多内容了,正如你所说的,应该打包。。。

canihelpyou

今天可以录好吗?

JellyBool

在剪,明天就上传上传。。。

canihelpyou

还没上传啊?

chenxin

你有试过多添加几行吗?添加第一次是可以的,但是多添加几行点击新添加的completed按钮,并不会出现这个效果。这很奇怪啊

canihelpyou

像这种html和vuejs混写的方式,如果vuejs用到了es6的语法,浏览器不能运行,要编译成es5,怎么做呢?

JellyBool

你看一下这个系列,里面记得又说到

https://laravist.com/series/advanced-webpack-tutorial/episodes/2

Gavin1024

就像文章评论 就是把每一个评论作为一个组件 而评论的子评论也就是回复也是作为这个组件的一部分 是这样的吧?

Gavin1024
<p>
        <a class="main-user">@{{commentChild.user.name}}</a>&nbsp;&nbsp;回复
        <a class="commented-user">@{{ commentChild.to_user_id }}</a>:
        <p v-html="commentChild.html_body"></p>
</p>

就是像这样的通过@{{ commentChild.to_user_id }}只能获取回复对象的id那么在blade模板中怎么得到回复对象的名字

JellyBool

后端查询的时候,你使用 with 进行 eager load 的话就可以把相对应的 toUser 拿到了吧

Gavin1024

我的comment表里 有user_id 还有 to_user_id(也就是回复的人的id) (ps:因为我想实现的就是平时微博评论那样的一种形式) 那么通过eager load可以拿到user_id的信息包括姓名 那么to_user_id对应的姓名好像就没办法拿到了哎

JellyBool

怎么会呢?能拿到 user_id 对应的 user ,怎么可能拿不到 to_user_id 的 user 呢。。。。。大概是这样的:

Comment::with('toUser') // 这里的 toUser 就是你定义的 relationship
Gavin1024

懂了 解决了 我又添加了个to_user的 relationship 这样eager load了两个关系 谢谢Jelly啦

storm19890129

todo-form-template ?代码一模一样,出来这个

storm19890129

todo-form-template

storm19890129

Component template requires a root element, rather than just text:

storm19890129

咦,点一下怎么出来这么多...

vincent067
    <button class='btn btn-xs pull-right' 
                v-bind:class="[work.finished ? 'btn-success':'btn-danger']" 
                v-bind:class="{'important' : work.important}" 
                v-on:click.prevent="changeWork(work,index)" >
                  {{ work.finished ? '已经完成' : '未完成'}}
                </button>

这个元素放在x-template 内时会报错,提示 duplicate attribute: v-bind:class ,尝试删除一个 v-bind 之后就正常了。
但是我不是使用component时,写两个 v-bind:class 并不会报错。 这是啥情况。

JellyBool

正常情况下不就是一个 v-bind:class 么?

aaronlam

如果是这种情况,其实你的v-bind:class是不是可以写成如下形式?
:class="[work.finished ? 'btn-success':'btn-danger', work.important ? 'important':'']"

z375742134

这个也看不了

1977798228

视屏2和3提示 不能看 无法播放该视频,请换一个支持HTML5视频功能的浏览器....其他的可以

JellyBool

我这边更新好资源了,目前来说应该是 OK 的