不用node可以用vue吗?

vue可以不使用node,直接在HTML中通过<script>标签引入也可以使用vue,但是如果想要构建vue项目或将vue与其它项目进行整合就需要在node环境中进行。

不用node直接在HTML中引入vue:

下载vue.js 地址:https://download.csdn.net/download/qq_31122833/10723310,下载完之后在HTML中加入vue.js包。

<script src="${path}/web/constant/vue.js"></script>

在当前html中,写入js代码:

<script type="text/javascript">
    new Vue({
        el:'#app',
        data: {
            message:'hello vue.js.'
        }
    });
</script>

html中,加入如下代码:

<h1>Vue demo</h1>
    <div id="app">
    <div>{{message}}</div>
    <input type="text" v-model="message">
</div>

修改文本框中的内容,可以看到文本框上方的内容也在相应改变;这就是vue的双向绑定。

注:Vue.js自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用。vue与其它库或项目整合需要node环境。

另外如果想要构建vue项目进行更加复杂的操作也需要在node环境中进行。

以上就是不用node可以用vue吗?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读