文章/答案/技术大牛

发布

社区首页 >问答首页 >从Vue.js 1到2的Vue.js工作流

问从Vue.js 1到2的Vue.js工作流
EN

Stack Overflow用户

提问于 2017-01-31 21:48:14

回答 1查看 223关注 0票数 1

当Vue.js 1问世时，我遵循了laracasts的Vue.js课程，我经常这样做：

import Comments from './components/Comments.vue';
import Upload from './components/Upload.vue';

new Vue({
    el: 'body',

    components: {
            Comments,
            Upload,
            Preview,
            Algolia,
        },

    etc,
});

这让我可以在我的应用程序中“撒”一些组件。我不能再绑定到正文了，因为Vue替换了内容，还抛出了一个错误消息，告诉你不应该绑定到正文或html。

我遵循了Vue.js 2的几个经验教训，但是我如何才能以Vue.js 2的方式复制这个工作流程呢？我只喜欢绑定到body，并且可以选择在这里和那里放置一个带有自定义标记的组件。

vue-component

javascript

vue.js

vuejs2

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-31 22:01:54

我们使用相同的“散布”方法，我们所做的就是将它从'body'改为'#app'。

我们还在其中添加了一个包装元素，该元素具有此id以基本上复制body。(https://github.com/onespacemedia/project-template/blob/develop/%7B%7Bcookiecutter.repo_name%7D%7D/%7B%7Bcookiecutter.package_name%7D%7D/templates/base.html#L62)

<body>
  <div id="app">
    ...
  </div>
</body>

我们将Jinja2用于我们的模板语言，并发现当一个变量不能在Jinja2中解析时，它会像我认为Vue一样试图使用它。

我相信它会在初始渲染后获取#app中的所有内容，并将其转换为虚拟dom。这对我所看到的没有任何影响，所以您可以很高兴地在body中添加包装类，并像使用Vue 1一样使用它

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41959232

复制

相似问题

问从Vue.js 1到2的Vue.js工作流
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从Vue.js 1到2的Vue.js工作流EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从Vue.js 1到2的Vue.js工作流
EN